在单击时显示同级li，并隐藏打开的同级li-jQuery

问题描述

|| 对你们来说可能真的很简单;） 我有一个链接列表，当用户单击其中一个链接时，应该显示同级链接。单击链接时，我已经到达该部分，它会在一个列表中消失，但是我希望打开的同级列表消失。 看一看，我可能会更好地理解... http://jsfiddle.net/jelm/UkRNL/

<div class=\"menu\">
<ul>
    <li><a href=\"#\">item one</a>
        <ul class=\"children\">
            <li>children of item one</li>
            <li>children of item one</li>
        </ul>
    </li>

    <li><a href=\"#\">item two</a>
        <ul class=\"children\">
            <li>children of item two</li>
            <li>children of item two</li>
        </ul>
    </li>
</ul>
</div>

$(document).ready(function() {
   $(\'li > ul\').hide();
   $(\'.menu li > a\').click(function() {
       $(this).next().fadeIn(\'slow\');
    return false;
   });
});

    

解决方法

        如果我正确理解了您的问题，这就是您想要的吗？ 我只是在单击链接时隐藏了子元素

ul

，然后才在正确的集合中使用

click

事件处理程序中的ѭ2来隐藏它们。