Jquery 定义li项的操作

我不想对单击的li执行操作，比如expample切换嵌套的ul

这是html

<script type="text/javascript">
$(function() {
    $('#verticalfade').verticalfade();
});
</script>
<div id="verticalfade_container">
    <ul id="verticalfade">
        <li>Le Collezioni
            <ul>
                <li>Link 1</li>
                <li>Link 2</li>
            </ul>
        </li>
        <li>Extra Plus
            <ul>
                <li>Link 1</li>
                <li>Link 2</li>
            </ul>
        </li>
    </ul>
</div>

我隐藏列表中的所有子ul，但我无法为每个li定义一个函数，以仅显示下一个ul。我尝试了下一个“ul”功能，但一次只能切换所有ul。

更改 $this.下一个'ul'。切换500；到

//第一行隐藏以前单击的li的孩子 $this.兄弟姐妹'li'。儿童'ul'。slideUp；

---

$this.children'ul'。切换500

以下是一个简单的变体完整源代码：

实质上：

$('ul#verticalfade > li > ul').each(function(){
        $(this).hide();
    });    

$("ul#verticalfade > li").click(function(){
    $("ul", this).toggle(500);
});

$('ul#verticalfade > li > ul').each(function(){
        $(this).hide();
    });    

$("ul#verticalfade > li").click(function(){
    $("ul", this).toggle(500);
});