                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础课程

我知道这样是更麻烦了。可是它错在哪？？？

听心上的潮汐

2015-06-01

源自：jQuery基础课程 6-4

关注问题我要回答

894

操作

收起

5 回答

伊兮尘昔
2015-06-02

你的toggle是绑在div上的，点击事件是绑定在按钮上的，这两个不是同一个东西

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

收起回答

听心上的潮汐提问者

哈哈哈。谢谢。是我理解错了toggle函数的使用方法。已经解决了。

2015-06-02 回复有任何疑惑可以回复我~

天外飞熊
2015-06-02

toggle() 方法本身就是切换元素的可见状态。这是jquery里面的方法，直接用，所以比较方便，你把toggle()括号里面的删掉就可以了。

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

收起回答

听心上的潮汐提问者

恩恩，谢谢你~是我写复杂了~不过，改了之后也是能实现效果的~嘻嘻

2015-06-03 回复有任何疑惑可以回复我~

听心上的潮汐提问者
2015-06-02

<!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").toggle(
                    function(){
                        $("div").css("display","none");
                    },
                    function(){
                        $("div").css("display","block");
                    })
            });
        </script>
    </body>
</html>