如何解决在单击时显示同级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来隐藏它们。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。