slideToggle不能显示？

    我准备在自己的html上显示一个slideToggle的框体，但是把代码加进去之后并不能在页面上显示出来，z-index属性设置了也没用，这个怎么破？望前辈们多指点

解决方案 »

  1.   

    审查一下元素,确定display不为none ,visible没设置hidden,有宽和高
      

  2.   


    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>index</title>
    </head>
    <body>
    <p>This is a paragraph.</p>
    <button class="btn1">Toggle</button>
    </body>
    </html>
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $(".btn1").click(function(){
                $("p").slideToggle();
            });
        });
    </script>代码本身没有问题,可以直接复制运行,不显示的问题,很有可能是css选择器选到了这个元素,设置某个属性导致的