jQuery help

[skmd]

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.

[Bill Posters]

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

[skmd]

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

[Bill Posters]

(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?

[skmd]

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

[yoguerilla]

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!