[RESOLVED] Calling a javascript function!

jamjam

This is very silly question, but can someone please tell what is wrong.

I have a small piece of javascript code

Here it is.

google.load("jquery", "1.3.1");
jQuery.fn.fadeToggle = function(speed, easing, callback) {
  return this.animate({opacity: 'toggle'}, speed, easing, callback);  

};

$(document).ready(function() {
	$('#tellfriend').hide();
  	$('li a.email, #tellfriend a.close').click(function() {
    $("#tellfriend").fadeToggle('slow');
  });

});

Once a email icon button is clicked this code fades in a email form.

The associated html looks like this

<li><a class="email" href="#tellafreiend" alt="Email" id="emails">Email</a></li>

This all works.

But I need to change the associated html to something like this

<li><a href="#tellafreiend" alt="Email"><img src="/files/email.png" alt="Email"/></a></li>

However once I do this the fade in effect no longer works and I do not see the email form.

I know the problem is properly a result of incorrect class or id.
But I cannot fix it.

Thanks.

dagon

class="email" needs to be in your 2nd example

jamjam

Hey

Thanks for the reply

I realize the issue is to do with unnamed classes but I still can't fix it.

If I add class="email" to the second html the email icon does show up at all.
Because of the way the css is structured.

How can I keep the second html example but change the class in the javascript?

dagon

chose a new class name or id then

jamjam

Ha ha

I'm so stupid.

It seems the class "email" was conflicting with some either class, that's why it wasn't showing up.

Thanks for pointing that out.

Everything works now.