jQuery:如何只触发当前菜单,并在其值显示为none时删除样式属性
jQuery: how to trigger only current menu and remove style attribute if its value display : none?
更新
我试过了,
$('.menu > li.menu-item-has-children > a').after('<span class="arrow"> </span>');
$('.sub-menu li.menu-item-has-children > a').after('<span class="arrow"> </span>');
$('span.arrow').click(function(){
var active = $(this).closest('li').find('.sub-menu');
active.slideToggle();
return false;
});
当菜单切换到slideUp时,如何删除具有display:none
的样式属性。
第二个问题是,当我切换第一个菜单时,它的所有其他子菜单也会切换,这意味着切换第一个菜单也会切换它的子菜单。我不想要。
唯一的当前菜单应该切换或滑动,所有菜单都不应该。
这是演示
那么如何解决呢?
你可以试试这个:
$('span.arrow').click(function(){
var active = $(this).closest('li.menu-item-has-children').children("ul");
active.slideToggle()
});
小提琴
相关文章:
- 重写CSS:使用jquery显示none属性
- JavaScript 所有具有相同类的元素都不会显示 none
- 如果字段为null,则在sitecore中显示none
- 当我再次单击时,它显示none,高度回到0px,但里面的元素显示,不显示none或离开页面
- 使用html下拉菜单显示none和block
- jQuery .animate()设置显示:none,如何避免
- 显示none占用空间
- 鼠标悬停事件显示:none(隐藏)元素(chrome&opera)
- 类中的备用行不可能在jquery中显示none
- 引导:风格=“显示:none"Get& #39;s自动添加到'li'中
- jQuery, CSS:动画后的DOM元素显示:none
- 当显示:'none'时读取正确尺寸的解决方法
- jQuery在表单中显示none选项
- 显示:none不单独在ie中工作,它在ff和chrome中工作
- 返回显示:none / visibility:在javascript被禁用的情况下隐藏
- 谷歌地图调整css显示none
- 将@media与javascript组合以设置显示none/block
- Chart.js“显示:none"问题
- 如何显示:none到链接或包含特定字符串的h2
- 为什么“;Facebook评论"iFrame在使用CSS'显示:none'