Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/solr/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery的滑动问题_Jquery_Slidedown_Slideup - Fatal编程技术网

Jquery的滑动问题

Jquery的滑动问题,jquery,slidedown,slideup,Jquery,Slidedown,Slideup,我环顾了一下四周,但似乎找不到任何一个与我有同样问题的人。我希望能够滑动一个框,它将容纳我的菜单链接,在用户点击时上下滑动 我下面的代码可以正常工作,因为它在单击时向下滑动,然后在再次单击时向上滑动。然而,当你第二次点击按钮时,它不会停留在下方,它只是再次向上滑动 $(document).ready( function() { $('#Link').click(function() { $('#Box').slideDown('slow', function() {

我环顾了一下四周,但似乎找不到任何一个与我有同样问题的人。我希望能够滑动一个框,它将容纳我的菜单链接,在用户点击时上下滑动

我下面的代码可以正常工作,因为它在单击时向下滑动,然后在再次单击时向上滑动。然而,当你第二次点击按钮时,它不会停留在下方,它只是再次向上滑动

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

尝试使用切换

$('#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" />');
        });
    }
);
$('#菜单按钮')。切换(
函数(){
$(#playfield')。动画({left:constantMenuWidth},500,函数(e){
$(“#菜单按钮”).html(“”);
});
},
函数(){
$(#playfield')。动画({left:0},500,函数(e){
$(“#菜单按钮”).html(“”);
});
}
);

jsfiddle通常对以下问题非常有用:).slideToggle??非常感谢cjmling切换功能工作正常,我看不到任何问题!我注意到人们经常使用JSFIDLE,这只是我通常询问的是PHP/CakePHP,而不是jquery,但我下次发帖时会用到它请注意,为什么Toggle比使用slideup和slidedown更好,在大多数情况下我应该使用Toggle吗?更好吗?非常感谢格伦·柯蒂斯
$('#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" />');
        });
    }
);