1

私は自分のウェブサイトのjQuery関数を書いています。ユーザーがいずれかの要素をクリックすると css クラスが追加され、別の要素をクリックするとクラスが削除されます。ここに私のコードがあります:

<body>
<dl>
    <dt>What's you name</dt>
        <dd>My name is name</dd>
    <dt>What is your occupation</dt>
        <dd>I am a web developer</dd>
    <dt>What do you like</dt>
        <dd>I like programming</dd>
</dl>
<script src="../jquery-1.10.2.js"></script>
<script>
    $(document).ready(function(){
        $("dd").hide();
        $("dl").on("click", "dt", function(){
            var $this = $(this);
            $this.addClass("back")
                    .next()
                    .slideDown()
                    .siblings("dd")
                    .slideUp()
        });
    });
</script>
</body>
4

2 に答える 2

1

以下を使用します。

$("dl").on("click", "dt", function() {
    var $this = $(this);
        $this.siblings("dt").removeClass("back");
        $this.addClass("back")
                .next()
                .slideDown()
                .siblings("dd")
                .slideUp();         
});

デモ

于 2013-09-24T16:26:19.607 に答える