Question

我看了一下，但我似乎找不到任何与我有同样问题的人。我希望能够在用户点击时上下滑动一个框，该框将保持我的菜单链接。

我的代码在下面有点工作，因为它在点击时会向下滑动，然后再次点击时会向上滑动。但是，当您再次单击该按钮时，它不会停留，它只会再次向上滑动！

$(document).ready( function() {
  $('#Link').click(function() {
      $('#Box').slideDown('slow', function() {   
      $('#Link').click(function() { $('#Box').slideUp('slow')  });   });
  });
});

Answer 1

尝试使用切换，

$('#menu_button').toggle(
    function () {
        $('#playfield').animate({ left: constantMenuWidth }, 500, function (e) {
            $('#menu_button').html('<img id="menu_button" src="images/menu_button.png" width="80" height="29" />');
        });
    },
    function () {
        $('#playfield').animate({ left: 0 }, 500, function (e) {
            $('#menu_button').html('<img id="menu_button" src="images/menu_button.png" width="80" height="29" />');
        });
    }
);

Answer 2

使用.slideToggle()

$('#Link').click(function() {
    $('#Box').slideToggle('slow', function()
    {
        // Animation complete.
    });
});

Jquery的滑动问题

2 个答案: