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");
});
但我不能隱藏下拉。
請任何想法或建議。