美文网首页
点击出下拉菜单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