2

ここでこのフィドルを見つけました: http://jsfiddle.net/aCaEG/前の投稿から。

私が必要とするのは、人々がクリックしてメニューレベルを開閉するだけでなく、アコーディオンを開くのではなく、実際のリンクを目的地に移動させるアコーディオンのような上下矢印のアイコンを用意することです。

誰でもこれを達成する方法を知っていますか?

ありがとう

HTML:

<ul>
    <li>
        <a href="#" title="#">level 1</a>
        <ul>
            <li>
                <a href="#" title="#">level 2</a>
                <ul>
                    <li><a href="#" title="#">level 3</a></li>
                    <li><a href="#" title="#">level 3</a></li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

CSS:

ul{
    margin:3px;
    border:1px solid red;  
}
ul ul{
    display:none;   
}
ul li:hover>ul{
    /*display:block;   */
}

JS:

$('li').click(function(ev) {
    $(this).find('>ul').slideToggle();
    ev.stopPropagation();
});
4

1 に答える 1

0

JavaScript と HTML のわずかな変更:

HTML -- 下向き矢印のスパンまたはリンクを追加します。

level 2 <span class="open">v</span>

JS:

$('li span.open').click(function(ev) {
    $(this).next('ul').slideToggle();
    ev.stopPropagation();
});​

新しいフィドル: http://jsfiddle.net/QhXR9/

于 2012-12-19T17:14:30.337 に答える