如何让SlideUp停在某个高度

发布于 2024-12-17 14:25:14 字数 507 浏览 0 评论 0原文

我正在使用 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');
      });
  });

});

原文

I'm using a slideUp and slideDown plugin. I was wondering how i can make it so the div only slide ups to a certain height.

Second question
How can I make my the same button the target for the div to slide up and down?

Here's what I m currently trying to use

$(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');
      });
  });

});

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

如梦亦如幻 2024-12-24 14:25:14

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

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

In this case you could create a custom animation for slideUp. Let's say you want to slideUp to a height of 20px:

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

回复收藏 0 原文

徒留西风 2024-12-24 14:25:14

   $("#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');
         });      
      }
   });

   $("#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');
         });      
      }
   });

回复收藏 0 原文

~没有更多了~