Question

我正在使用slideUp和slideDown插件。我想知道我怎么能这样做，所以div只能滑到一定的高度。

第二个问题如何让我的同一个按钮成为div上下滑动的目标？

这是我目前正在尝试使用的内容

$（document）.ready（function（）{

  $("#toggle").click(function(){
     $("#Menu").slideDown( 'slow', function(){ 
         $(".log").text('Slide Down Transition Complete');
      });
  });

  $("#toggle").click(function(){
     $("#Menu").slideUp('slow', function(){ 
         $(".log").text('Slide Up Transition Complete');
      });
  });

}）;

Answer 1

在这种情况下，您可以为slideUp创建自定义动画。假设您想要滑动到20px的高度：

$("#toggle").click(function(){
    $("#Menu").animate({height: 20}, 'slow', function(){ 
        $(".log").text('Slide Up Transition Complete');
    });
});

Answer 2

   $("#toggle").click(function(){
      var down = $('#Menu').css('height') == '100px';
      if( down ) {
         $('#Menu').animate( {height: '500px'}, 'slow', function(e) {
            $(".log").text('Slide Down Transition Complete');
         });
      }
      else {
         $('#Menu').animate( {height: '100px'}, 'slow', function(e) {
            $(".log").text('Slide Up Transition Complete');
         });      
      }
   });

如何使Slide Up停在一定高度

2 个答案: