<ul>
<li>
<a href=""></a>
<ul>
<li>111</li>
<li>222</li>
</ul>
</li>
<li>
<a href=""></a>
<ul>
<li>111</li>
<li>222</li>
</ul>
</li>
</ul>
JS判断
window.οnlοad=function(){
var oUl = document.getElementById("js_ul");
var aLi = oUl.querySelectorAll(".has-dropdown");
for(var i=0;i<aLi.length;i++){
aLi[i].onmouseover = function(){
var oUl = this.querySelector(".drops");
oUl.className = "drops active";
}
aLi[i].onmouseout = function(){
var oUl = this.querySelector(".drops");
oUl.className = "drops";
}
}
}
<ul>
<li>
<a href=""></a>
<div class="drops">
<ul>
<li>111</li>
<li>222</li>
</ul>
</div>
</li>
<li>
<a href=""></a>
<div class="drops">
<ul>
<li>111</li>
<li>222</li>
</ul>
</div>
</li>
</ul>
var oUl = document.getElementById("js_ul");
var aDiv = oUl.getElementsByClassName("drops");
toggleTab("js_admin");
toggleTab("js_cart");
function toggleTab(oLi){
var oBox=document.getElementById(oLi);
var aBtn=oBox.getElementsByTagName("div")[0];
oBox.onclick = function(e){
e.stopPropagation();
for(var i=0;i<aDiv.length;i++){
aDiv[i].className = "drops";
}
aBtn.className= "drops active";
}
}