jquery中的slideDown（）

Question

我想要一个简单的上下滑动效果。我是jquery的新手，我尝试了以下代码，但它无法正常工作

<script>
$(document).ready(function() {
    $('#fade li:first-child').css('display','none');
    $('#fade li:second-child').click(function() {
        $('#fade li:first-child').slideDown();          
    })  
})
</script>

HTML

<ul id="fade">
  <li>one</li>
  <li>two</li>
  <li>three</li>
</ul>

请帮忙，谢谢

Answer 1

错误在这一行：

$('#fade li:second-child')

使用：nth-​​child（2）选择器来获取第二个元素或$（＆＃39; #fade li＆＃39;）。eq（1）

<script>
$(document).ready(function(){

    $('#fade li:first-child').css('display','none');

    $('#fade li:nth-child(2)').click(function(){

        $('#fade li:first-child').slideDown();

        })  
    })
</script>

Answer 2

试试这段代码

 $(document).ready(function(){

        $('#fade li:first-child').css('display','none');

        $('#fade li').click(function(){


            $('#fade li:first-child').slideDown();

            })  
        })

Answer 3

放手一搏：

$(document).ready(function(){
  var mySlider = function( toggle, obj )
  {
    toggle.click(function(e){
      if( !obj.is( ':visible' ) )
      {
          obj.slideDown();
      }
      else
      {
          obj.slideUp();
      }
    });
  }

  var slide_toggle = $('#fade li:nth-child(2)');
  var menu = $('#fade li:first-child');
  menu.css( 'display', 'none' );

  mySlider( slide_toggle, menu );
});

Answer 4

您是否遗漏<script type='text/javascript'>我没有发现您的代码有任何问题。