jQuery菜单,在它的不同阶段对菜单的不同控制
jquery menu, different control of menu in different stages of it
嗨,伙计们,你能帮我做菜单吗?我希望第二阶段中的所有按钮只能在 tyme 处打开一个。假设我按下阶段 2 一个按钮,然后我按下阶段 2 b 按钮,阶段 2 按钮会自行收缩,但保持阶段 1 完好无损。我想让它与许多阶段 2 按钮一起使用,而不仅仅是我现在拥有的两个(阶段 2 a 和阶段 2 b)。提前非常感谢。
function prepareList() {
$('#game_menu_mail').find('li:has(ul)')
.click( function(event) {
if (this == event.target) {
$(this).toggleClass('expanded');
$(this).children('ul').toggle('medium');
}
return false;
})
.addClass('collapsed')
.children('ul').hide();
};
http://jsfiddle.net/t1ko1tny/4/
您可以使用
.is()
来检查单击的元素是否是第二阶段元素。如果是,则在显示正在单击的项目之前隐藏所有第二阶段项目:
function prepareList() {
var $gameMenuMail = $('#game_menu_mail'),
secondStage = '#game_menu_mail > li > ul';
$('#game_menu_mail').find('li:has(ul)').click(function (event) {
if (this == event.target) {
var $this = $(this);
if ($this.is(secondStage + ' > li')) {
$this.closest(secondStage).find('li')
.removeClass('expanded')
.children('ul').hide('medium');
}
$this.toggleClass('expanded').children('ul').toggle('medium');
}
return false;
})
.addClass('collapsed')
.children('ul').hide();
};
JSFiddle
相关文章:
- JavaScript下拉菜单-点击按钮并根据所选值重定向到url
- Jquery菜单操作不稳定,定位不正确,存在一般错误
- angular的下拉菜单
- JS编译器/包管理器,用于版本控制
- 使用JQuery的动态上下文菜单
- 创建带有和不带有JavaScript的Bootstrap下拉菜单
- 是否可以控制获取哪些Google地图脚本(JavaScript API)
- jQuery菜单,在它的不同阶段对菜单的不同控制
- 我将如何控制下拉选择菜单的位置
- 引导控制手风琴从单独的菜单
- 控制角度 mfb 菜单的边距和图标
- 由外部按钮控制的可折叠菜单
- 手风琴菜单在windows phone 8使用浏览器控制
- 控制dijit.带有鼠标悬停事件的菜单栏
- 使用“标签”面板菜单,我如何控制“活动”;选项卡
- Angular-material如何构建一个侧菜单来控制一个md-content
- 菜单中的斜杠阻止活动链接工作- javascript控制
- 是否可以创建一个控制多个下拉菜单的 javascript
- 如何使屏幕上的任意位置单击关闭由jQuery toggle()函数控制的移动菜单
- js:通过插件将菜单添加到控制栏