在我的jquery代码中，我希望将菜单向上滑动，从而将用于单击它的按钮向上移动。我希望这同时发生，但是我还没有找到同时在不同的div上执行两种方法的方法。
我正在使用的当前JavaScript是：
$( "#mobile-menu-button" ).click(function() {
if ($("#mobile-menu").css("display") == "block") {
$('#mobile-menu').slideUp("slow");
$('#mobile-menu-button').animate({top:"0px" }, 700 );
var h = $('.navigation').css("height").replace("px", "");
}
else{
$('#mobile-menu').slideDown("slow");
var h = $('.navigation').css("height").replace("px", "");
$('#mobile-menu-button').animate({top:h},300);
}
});
这是我当前代码的jsfiddle：http : //jsfiddle.net/FM92V/
为了以任何方式移动元素（或设置它们的动画），时间必须相同。如果将毫秒替换为字符串“ slow”，则表示字符串工作正常。
$( "#mobile-menu-button" ).click(function() {
if ($("#mobile-menu").css("display") == "block") {
$('#mobile-menu').slideUp("slow");
$('#mobile-menu-button').animate({top:"0px" }, 'slow');
var h = $('.navigation').css("height").replace("px", "");
}
else{
$('#mobile-menu').slideDown("slow");
var h = $('.navigation').css("height").replace("px", "");
$('#mobile-menu-button').animate({top:h},'slow');
}
});
更新了jsFiddle：http : //jsfiddle.net/FM92V/2/。另外，在CSS中height:75%从中删除#mobile-menu
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句