0
<li class="dropdown menustatus open" id="user-status">
<a class="dropdown-toggle" href="#">
<div class="online-status" style="display: none;"></div>
<div class="busy-status" style=""></div>
</a>
<ul class="dropdown-menu dropdown-user" style="margin-top: 10px;">
<li class="status">
<a href="http://localhost:3000/status/online" data-remote="true" id="online-status" style="color:#4b3087;"><i class="fa fa-circle online"></i> Online</a>
</li>
<li class="status">
<a href="http://localhost:3000/status/busy" data-remote="true" id="busy-status" style="color:#4b3087;"><i class="fa fa-circle busy"></i> Busy</a>
</li>
</ul>
</li>
我试图删除“开放”级以下的下拉菜单当#在线状态或#忙碌状态,如用户点击这样的:
$("#online-status").click(function(){
$(".busy-status").hide();
$(".online-status").show();
$("li.open").removeClass("open");
});
$("#busy-status").click(function(){
$(".online-status").hide();
$(".busy-status").show();
$("li.open").removeClass("open");
});
我也试过这样:
$("#busy-status").click(function(){
$("li.dropdown.menustatus").find("open").removeClass("open");
});
$("#online-status").click(function(){
$("li.dropdown.menustatus").find("open").removeClass("open");
});
但我不能隐藏下拉。
请任何想法或建议。