回答
你当前做的是切换与sub
类的所有元素的显示,因此点击任何链接,将显示所有的子菜单。相反,您希望隐藏类别sub
中不属于被点击链接的同级的所有元素,然后仅切换类别为sub
的元素,即为为点击该链接的同级。
$(document).ready(function() {
$('.main > li > a').click(function() {
var sibling = $(this).siblings('.sub'); // select the <ul> to exclude
$('.sub').not(sibling).hide(); // hide everything except that element
sibling.toggle(); // toggle that element
});
});
你这个人安东尼......谢谢你的描述:) – 2012-02-21 13:28:59
更新您的jsfiddle http://jsfiddle.net/N7xgC/6/
$(document).ready(function()
{
$('.main > li > a').click(function(event)
{
$('.main > li > ul').hide();
$(this).next().show();
});
});
当连续两次点击相同的链接时,会失去切换功能。 – 2012-02-21 13:24:27
干杯家伙......做到了这一点 – 2012-02-21 13:26:03
这是没有在问题中指定:) – bang 2012-02-21 13:30:23
- 1. 多个下拉列表 - onclick不关闭
- 2. 小部件上的菜单onclick关闭时,选择另一个项目
- 3. XPages - onClick和onMouseOver导航项目
- 4. 如何禁用导航drawerfragment中的第一个Navdrawer项目onclick
- 5. 打开另一个活动后关闭导航抽屉
- 6. 导航到浏览器上的另一个URL关闭
- 7. 如何使用Android中的列表项目导航到另一个活动
- 8. 根据另一个列表项目填充列表项目
- 9. Mura CMS - 将导航项链接到另一个项目
- 10. 我的导航列表项目搞砸
- 11. 导航到单击列表组项目
- 12. 在导航到项目中的另一个页面时(但导航到另一个网站或关闭标签页时),不会立即调用Ondisconnect
- 13. highcharts链接系列,使一个关闭关闭另一个
- 14. 选择一个项目后关闭列表视图 - jquery mobile
- 15. C++随机项目关闭列表
- 16. jquery的关闭列表项目
- 17. 将图像从一个导航菜单列表项移动到另一个
- 18. 将项目从一个列表移动到另一个列表
- 19. 将项目从一个列表移动到另一个列表
- 20. 关闭关闭帆布导航时菜单项点击
- 21. SharePoint列表项目:将列表项目级权限从一个项目复制到另一个项目
- 22. 从另一个'表单'关闭'表单'
- 23. 点击任何项目后关闭导航抽屉
- 24. 如何导航到从另一个项目查看
- 25. 表视图导航栏正在关闭
- 26. 关闭Xamarin表单导航抽屉
- 27. WPF:列表框项目模板标记导航项目
- 28. 在SAPUI5的SplitApp中从一个列表导航到另一个列表
- 29. 关闭另一个项目时悬停的菜单
- 30. 当在导航栏中打开一个项目时,关闭所有其他项目的宽度jQuery
您可以直接使用选择将事件处理程序附加到多个元素,你不” t需要使用'.each()'函数,然后单独附加它们。 – 2012-02-21 13:13:57
任何机会,你可以编辑我的小提琴请用正确的代码,新手jquery – 2012-02-21 13:14:52
忘了提到这一点,但你应该真的包括相关代码的问题,除了提供一个jsFiddle,以便它继续有用,即使小提琴不可用。 – 2012-02-21 13:30:45