当前位置: 代码迷 >> 综合 >> 根据当前选择获取子节点并添加css
  详细解决方案

根据当前选择获取子节点并添加css

热度:64   发布时间:2024-01-25 22:21:38.0

<!-- 分类开始 -->
<div class="claiy_overhiden" style="display: none;">
<ul class="claiy-cation">
<li class="all-cation checked"><span></span> 全部分类</li>
<li class="cation">
<div class="cation-div">茗茶<i></i></div>
<ul class="list-sub" id="overHidren" style="display: none;">
<li class="listsub-conts"><span></span>全部</li>
<li class="listsub-conts"><span></span>红茶</li>
<li class="listsub-conts"><span></span>普洱</li>
</ul>
</li>
<li class="cation">
<div class="cation-div">进口食品<i class="active"></i></div>
<ul class="list-sub" id="overHidren" style="display: none;">
<li class="listsub-conts"><span></span>全部</li>
<li class="listsub-conts"><span></span>红茶</li>
</ul>
</ul>
</div>

 // 搜索当前内容分类
$(".cation-div").click(function(){
$(this).siblings().toggle();
if( $(this).siblings().css("display") == 'none'){
$(this).children('i').css("transform","rotate(0)");  
}else{
$(this).children('i').css("transform","rotate(90deg)");
}
});

  相关解决方案