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