Question

我希望有多个div id来启动此动画。为什么这不起作用？

我的意思是：

$("#treest, #treest2, #treest3").click(function() {
    anim10();
});

这是完整代码

 /** ANIMATE DropDown  */
var $a = $("#navigation"),
$b = $(".mainNavitem:eq(1)"),
$c = $(".c");

function anim1() {
$b.animate({width: 395}, {duration: 300, complete: anim2});
}

function anim2() {
$a.animate({top:"70px"}, {duration: 400});
$c.animate({top:"70px"}, {duration: 400});
}

$("#mains").click(function() {
anim1();
});

function anim10() {
$c.animate({top:"0px"}, {duration: 200});
$a.animate({top:"0px"}, {duration: 200 , complete: anim20});
}

function anim20() {
$b.animate({width: 80}, {duration: 200});
}

$("#treest, #treest2, #treest3").click(function() {
anim10();
});

你有什么想法我可以解决这个问题吗？

修改

Fiddle Demo

Answer 1

您是否使用$（document）.ready（）事件运行代码？像

jQuery(function(){
    $("#mains").click(function() {
        anim1();
    });

    $("#treest, #treest2, #treest3").click(function() {
        anim10();
    });
})

激活多个id jQuery

1 个答案: