点击没反应,<div>中的内容不会消失

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

    <head>

        <title>toggle()方法绑定多个函数</title>

        <script src="http://libs.baidu.com/jquery/1.8.2/jquery.js" type="text/javascript"></script>

        <link href="style.css" rel="stylesheet" type="text/css" />

    </head>

    <body>

        <h3>toggle()方法绑定多个函数</h3>

        <input id="btntest" type="button" value="点一下我" />

        <div>我是动态显示的</div>

        

        <script type="text/javascript">

            $(function () {

            $("#btntest").bind("click", function () {

                $("div").toggle(

                  function(){

                      $(this).attr("display","none");

                  }, 

                  function(){

                      $(this).removeAttr("display");

                  })

            })

        });

        </script>

    </body>

</html>


猪猪侠123
浏览 1738回答 2
2回答

echo_kinchao

让他的父级元素 整个display :  none就好了

引晴上初

改成$(this).attr("style","display:none");或$(this).css("display","none");
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JQuery