jQuery help

Hi everybody:
I'm new to jQuery , I need after event to do an effect and after the effect completed do another effect, I tried to do it this way:

function hide(){
$('#output1').fadeIn('slow');
$('#add-comment').slideUp('slow');
}


but they appeared in the same time, can anybody help me with this.

Jquery's fadeIn() method takes a 'callback' method as a second, optional argument.

This would be the action it takes after completing the primary action.

e.g.
function hide() {

$('#output1').fadeIn('slow', function() { $('#add-comment').slideUp('slow')});

}

More info:
http://docs.jquery.com/Effects/fadeIn#speedcallback

I tried to do it before but it didnt work. and your function has a missing $ sign

function hide() {

$('#output1').fadeIn('slow', function() {$('#add-comment').slideUp('slow')});

}


But thanks anyway :)

(Code example update)


It should work fine. The problem may be elsewhere in your code.

Are you getting any errors reported?
Are you able to post the url?

Yes there was an error somewhere else in my code it works like a magic.
Thank you very much :)

Hi all!


I'm a complete novice when it comes to javascript and jquery.

I've just put a jquery photo gallery on my website http://renaissanceboutique.com.au/

It looks great, but the problem is that the gallery javascript conflicts with the wordpress theme javascript that controls the sliding menus in the left hand sidebar.

Is there a simple way that I can solve this?


Thank you!