我在这里创建了一个导航,但是当您单击导航“+”时,所有链接都会立即显示,我希望它们与动画同步显示。
这是 fiddle 链接:http://jsfiddle.net/6xVNz/3/
jquery代码:
$("#open").click(function(){
$(".nav, #close").show();
$(".nav li").show();
$(".nav li").each(function (i) {
$(this).delay(50*i).animate({width:150},50); // Change 300 to something else if you like
});
$("#open").hide();
});
$("#close").click(function(){
$("#close").hide();
$($(".nav li").get().reverse()).each(function (i) {
$(this).delay(50*i).animate({width:0},50); // Change 300 to something else if you like
});
$("#open").show();
});
最佳答案
只需像这样更改您的代码:
$("#open").click(function(){
$(".nav, #close").show();
$(".nav li").show();
$(".nav li").each(function (i) {
$(this).delay(50*i).animate({width:150},50); // Change 300 to something else if you like
});
$("#open").hide();
});
$("#close").click(function(){
$("#close").hide();
$($(".nav li").get().reverse()).each(function (i) {
$(this).delay(50*i).animate({width:0},50); // Change 300 to something else if you like
});
$("#open").show();
$(".nav li").hide('slow');
});
关于javascript - 导航关闭时隐藏文本导航,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20280567/