Question

I have this jQuery code :

$('.tracklistOff').find('.trackon').clone().insertAfter(($(param).parents('.trackon')));

When I insert that $('.tracklistOff').find('.trackon').clone() I’d like to apply an effect to it, like fadeIn() hide-to-show.

Tried $('.tracklistOff').find('.trackon').clone().fadeIn() but it go to show-hide-to-show, and that I want is just hide-to-show, without edit CSS adding display:none;

How can I do this?

Answer 1

$('.tracklistOff').find('.trackon').clone().insertAfter(($(param).parents('.trackon')).hide().fadeIn();

Separated to make it more readable..

$('.tracklistOff')
.find('.trackon')
.clone()
.insertAfter(($(param).parents('.trackon'))
.hide()
.fadeIn();