我正在创建一个网站,并在我的下拉列表中插入一些插入符号时遇到问题。更改dropdown插入点击其他LI项目
我有一个侧边栏,如下所示:
Home
Menu item >
Menu item 2 >
Menu item 3 >
当我点击小尖号图标从>变为V和扩大下拉内容,像这样的菜单项:
Home
Menu item v
Sub-menu item
Sub-menu item 2
Menu item 2 >
Menu item 3 >
如果我点击菜单项v - 脱字符从v到>再次,这是正确的。
但是,如果我点击菜单项2>例如,菜单项2打开,但在菜单项插入符保持为v,像这样:
Home
Menu item v
Menu item 2 v
Sub-menu item
Sub-menu item 2
Menu item 3 >
如何获得它,所以当菜单项2已被点击,菜单v项就会变回菜单>
我有这个作为我的JS
$('.dropdown').click(function(){
$(this).find('.nav-arrow').toggleClass('fa-angle-left fa-angle-down');
});
$('.dropdown').click(function(){
$('.collapse').collapse('hide');
})
我的下拉是这样的:
<li class="dropdown"><a data-toggle="collapse" href="#">Menu item<i class="nav-arrow fa fa-angle-left pull-right"></i></a>
<ul class="collapse">
<li><a href="#">Sub menu item</li>
<li><a href="#">Sub-menu item 2</a></li>
</ul>
</li>
<li class="dropdown"><a data-toggle="collapse" href="#">Menu item 2 <i class="nav-arrow fa fa-angle-left pull-right"></i></a>
<ul class="collapse">
<li><a href="#">Sub menu item</li>
<li><a href="#">Sub-menu item 2</a></li>
</ul>
</li>
<li class="dropdown"><a data-toggle="collapse" href="#">Menu item 3 <i class="nav-arrow fa fa-angle-left pull-right"></i></a>
<ul class="collapse">
<li><a href="#">Sub menu item</li>
<li><a href="#">Sub-menu item 2</a></li>
</ul>
</li>
随着编辑一点点这个工作:。 '$( '下拉 ')点击(函数(){ $('。导航箭头 ')removeClass(' FA-角度下') ('.fla-angle'); $(this).find('。nav-arrow')。addClass('fa-angle' ''; $(this).find('。nav-arrow')。addClass('fa-angle-left'); $('。collapse')。collapse('hide'); } );' 感谢您的帮助! – Blake