javascript - Jqueryから追加されたクラスにクラスを追加します

Question

これを持っていた：

 $(function(){
        $("a.next.down").click(function() {
            $("ul.panel li").addClass("upOne");
            $("a.next").removeClass("down").addClass("downTwo");
        });
        $("a.next.downTwo").click(function() {
            $("ul.panel li").addClass("upTwo");
            $("a.next").removeClass("downTwo").addClass("downThree");
        });
    });

そして、2番目のイベントをクリックしてa.next.downTwoも、クラスが削除されて新しいクラスが追加されないのではないかと思います。

つまり、クリックするたびにクラスを追加および削除する方法は本当にあります。したがって、click1（クラスAを追加）、click2（クラスBを追加）などです。

Answer 1

私の最初の反応は次のとおりです：http：//pastebin.com/LNjLzrwh。

$(function(){
    var panelLi = $("ul.panel li");

    $("a.next").click(function() {
        var self = $(this);

        if (self.hasClass("down")) {
            panelLi.addClass("upOne");
            self.removeClass("down").addClass("downTwo");
        } else if (self.hasClass("downTwo")) {
            panelLi.addClass("upTwo");
            self.removeClass("downTwo").addClass("downThree");
        }
    });
});