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" />');
        });
    }
);