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

超、凢脫俗 2023-06-30 15:56 97阅读 0赞
  1. <div class="claiy\_overhiden" style="display: none;">
  2. <ul class="claiy-cation">
  3. <li class="all-cation checked"><span></span> 全部分类</li>
  4. <li class="cation">
  5. <div class="cation-div">茗茶<i></i></div>
  6. <ul class="list-sub" id="overHidren" style="display: none;">
  7. <li class="listsub-conts"><span></span>全部</li>
  8. <li class="listsub-conts"><span></span>红茶</li>
  9. <li class="listsub-conts"><span></span>普洱</li>
  10. </ul>
  11. </li>
  12. <li class="cation">
  13. <div class="cation-div">进口食品<i class="active"></i></div>
  14. <ul class="list-sub" id="overHidren" style="display: none;">
  15. <li class="listsub-conts"><span></span>全部</li>
  16. <li class="listsub-conts"><span></span>红茶</li>
  17. </ul>
  18. </ul>
  19. </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)”);
}
});

发表评论

表情:
评论列表 (有 0 条评论,97人围观)

还没有评论,来说两句吧...

相关阅读