美文网首页
点击出下拉菜单JS

点击出下拉菜单JS

作者: 欣欣0324 | 来源:发表于2018-08-02 10:11 被阅读0次

<script>

$(document).ready(function() {

$(".list").click(function(){

if ($(this).next().css('display') === "none") {

//展开未展开

$(this).next().css("display","block");

$(this).children(".info").addClass('down');

}

else{

//收缩已展开

$(this).next().css("display","none");

$(".info").removeClass('down');

}

})

})

</script>

<div class="menu">   

        <ul>

            <li class="list">一级菜单<span class="info"></span></li>

                <li class="zi_menu">

              <ul>

                    二级菜单

                    </ul>

                </li>

</div> 

相关文章

网友评论

      本文标题:点击出下拉菜单JS

      本文链接:https://www.haomeiwen.com/subject/yqljvftx.html