Проблема с добавлением / удалением класса в Jquery

Question

Я пытаюсь создать меню навигации, которое при нажатии на ссылку загружает контент в скрытый div, затем показывает скрытый div, затем меняет класс элемента списка. Если снова щелкнуть ту же ссылку, класс возвращается к тому, что был раньше, и тогда div содержимого становится скрытым.

Вот URL вид-источник: http://www.scottjraney.com/javatest/

Вот Jquery

$(document).ready(function(){

    $("a.1").click(function(){
        $("div#hidden").load("/javatest/content1.html");
        $("div#hidden").slideDown();
        $("a").removeClass("1").addClass("1-change");
    });
    $("a.1-change").click(function(){
        $("div#hidden").slideUp();
        $("a").removeClass("1-change").addClass("1");
    }); 
});

Как мне заставить это работать?

Answer 1

Это потому, что вы используете функцию .click () вместо .live ('click') .Метод live () позволяет любому элементу (даже чему-то созданному в будущем) подключить к нему этот прослушиватель.

при загрузке страницы нет элементов «1-change», поэтому ему нечегоприкрепить слушателя к.

Answer 2

Старайтесь не начинать имена классов с числовых значений.FF и IE раньше терпели неудачу в этом.Это не является строго недействительным, но может вызвать проблемы.