jquery - Jquery 的滑动问题

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.
    });
});