使用jquery幻灯片向下滑动动态更改内容

时间:2013-12-27 05:16:52

标签: jquery

我创造了一个小提琴。因为第二个li是恒定的,其中第二个li内容不断变化。目前它只是动态地改变内容。如何使用jquery向上滑动向下滑动或淡出淡出来更改第二个li内容,以便用户可以看到更改。有人可以帮我这个吗? http://jsfiddle.net/64ZNk/5/

<ol>
<li>
  <h4>1. One.</h4>
</li>
</ol>
<ol id="help">
<li>
  <h4>2. Two.</h4>
</li>
<li>
  <h4>3. Three.</h4>
</li>
</ol>

我尝试使用slideDown,但它没有正确使用。有人可以帮助我 使用slideDown http://jsfiddle.net/64ZNk/7/

更新了小提琴

1 个答案:

答案 0 :(得分:1)

试试这个:

$('#help').append($(firstLi)).hide().fadeIn();

Updated fiddle here.