0

ここで定義されているリストがありますhttp://jsfiddle.net/NNFEh/7/

スナップショットは次のとおりです。

<ul id="Boss">
    <li class="B">Beverages
        <ul>
            <li class="C">Hot
                <ul>
                    <li><a href="#">Lorem Ipsum</a>
            </li>
            <li><a href="#">Medswer</a>
            </li>
                </ul>
            </li>

        </ul>
    </li>

すべての親ノード、つまり class=B、class=C を持つ親ノードに +/- アイコンを追加しようとしています。アイコンを CSS スプライトに設定したhttp://jsfiddle.net/NNFEh/7/の CSS クラスを参照してください。

最初に、2 つの親ノード (class=B) には「+」が必要です。ユーザーがこの親ノードのいずれかをクリックすると、「-」に変わり、トグルなどになります。

どうすればこれを達成できますか。前もって感謝します。

4

1 に答える 1

0

まず、アイコン クラスが設定されていません。次に、両方のクラスを切り替える必要があります

$(function () {
    $('#Boss ul').hide();//Hide everything
    $('#Boss li').addClass('icon'); //Add the common class
    $('#Boss li').addClass('closed'); //Add the class of the toggle to closed
    $('#Boss li').on('click', function (e) {
        $(this).children('ul').slideToggle() //Open/Close
        $(this).toggleClass( "opened" ); //If it's open, it will remove the class or add it
        $(this).toggleClass( "closed" ); //If it's closed, it will remove the class, or ad it
    });
});
于 2013-10-18T16:15:58.650 に答える