Question

i have menu in side location and that code is :

<ul>
<li>
    <span class="arz">
        first menu
    </span>
    <ul  id="arz">
        <li>
            first submenu
        </li>
        <li>
            second submenu
        </li>
        <li>
            third submenu
        </li>
    </ul>
</li>
<li class="words">
    two menu
    <ul id="words">
        <li>
            first submenu
        </li>
        <li>
            second submenu
        </li>
    </ul>
</li>

code code

$(document).ready(function(){
    $(".submenu").click(function(){
        $(this).children(this).slideToggle("slow");
    });
});

but i want by clicking on first menu ul element with id="arz" usingslideToggle, this code do it but when i click on every submenu item corresponding ul useslideToggle`. by thanks
aya

Answer 1

你在《座椅法》中引述了一个在你本人不在场的班子。这就是为什么它没有工作。这里稍作修改,如你可在jsFiddle example 。

HTML

<style>
    ul.submenu{display:none;background:#ccc;}
</style>
<ul class="menu">
    <li class="arz">
        <span>first menu</span>
        <ul id="arz" class="submenu">
            <li>
                first submenu
            </li>
            <li>
                first submenu
            </li>
            <li>
                first submenu
            </li>
        </ul>
    </li>
    <li class="words">
        <span>second menu</span>
        <ul id="words" class="submenu">
            <li>
                second submenu
            </li>
            <li>
                second submenu
            </li>
            <li>
                second submenu
            </li>
        </ul>
    </li>
</ul>

http://www.ohchr.org。

$(function(){
    $( ul.menu li ).click(function(){
        $(this).find( ul.submenu ).slideToggle( slow )
    })
})

友情链接