jQuery函数无法正常工作

Question

$("#trigger-1").click(function () {
    $("#secondary").animate({ width: 0 });
    $("#primary").animate({ width: '100%' });
    $("#panel-1").css({ display: "block" }).animate({
        height: 200,
        width: '100%',
        opacity: 1
    });
    return false;
});
$("#trigger-2").click(function () {
    $("#secondary").animate({ width: 0 });
    $("#primary").animate({ width: '100%' });
    $("#panel-2").css({ display: "block" }).animate({
        height: 200,
        width: '100%',
        opacity: 1
    });
    return false;
});
$("#return").click(function () {
    alert(1);
    $("#primary").animate({ width: '60%' });
    $("#secondary").animate({ width: '40%' });
    $(".panel").animate({
        height: 0,
        width: 0,
        opacity: 0
    });
    return false;
});

返回不起作用panel-2.请检查这个小提琴:http://jsfiddle.net/HTVXv/ 另外,如果有可能重构和减少代码,请指导我.

谢谢!

Answer 1

难怪,id应该是唯一的,所以你不能使用它们两次.

解决方案是使用类,class="return"和$(".return").click()