为了账号安全,请及时绑定邮箱和手机立即绑定

请问我的为什么只能点两下隐藏 显示不出来 而且点一下隐藏不了

第6-4节

<!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 () {
                    $("#btntest").toggle(
                    function(){
                        $("div").hide();
                    },
                    function(){
                        $("div").show();
                    })
                })
            });
        </script>
    </body>
</html>


正在回答

3 回答

toggle本身有显示和隐藏功能,无需在toggle方法体内再使用,而且你在btntest哪里绑定了toggle方法会把按钮也隐藏掉吧,慕课上的是把btntest绑定了click事件然后事件触发div的toggle,你直接在click事件里面把按钮toggle很有问题吧

0 回复 有任何疑惑可以回复我~
#1

梦幻弥漫 提问者

非常感谢!
2016-02-16 回复 有任何疑惑可以回复我~

谢谢了


0 回复 有任何疑惑可以回复我~

<!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()

                })

            });

        </script>

    </body>

</html>


0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
jQuery基础课程
  • 参与学习       154768    人
  • 解答问题       7184    个

加入课程学习,有效提高前端开发速度

进入课程

请问我的为什么只能点两下隐藏 显示不出来 而且点一下隐藏不了

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信