функция 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

Неудивительно, что идентификаторы должны быть уникальными, поэтому их нельзя использовать дважды.

Решение состоит в том, чтобы использовать класс, такой как class="return" и $(".return").click()

Answer 2

Это не работает, потому что у вас есть два "а" с одинаковым идентификатором. Попробуйте переименовать один из них и привязать его к щелчку, и он будет работать.

Answer 3

Атрибут "id" должен быть уникальным на странице;вы пытаетесь присвоить обеим ссылкам «Return» идентификатор «return», поэтому только первая имеет этот идентификатор.Попробуйте вместо этого использовать класс.