jquery - 如何在不编辑 css 的情况下添加 fadeIn() 隐藏显示效果

Question

我有这个 jQuery 代码:

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

当我插入 $('.tracklistOff').find('.trackon').clone() 时，我想对其应用效果，例如 fadeIn() hide-以显示。

尝试了 $('.tracklistOff').find('.trackon').clone().fadeIn() 但它转到显示-隐藏-显示，我想要只是隐藏到显示，无需编辑 CSS 添加 display:none;

我该怎么做？

Answer 1

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

分开以使其更具可读性..

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