show sibling li on click并隐藏open sibling li - jQuery

时间:2011-06-12 20:38:40

标签: 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;
   });
});

1 个答案:

答案 0 :(得分:2)

如果我正确理解了您的问题,请this what you want

通过在ul事件处理程序中使用$('li > ul').hide();,我可以在点击链接之前隐藏孩子click元素,然后淡出正确的集合。