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

超、凢脫俗 2023-06-30 15:56 4阅读 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)");  
                \}  
            \});