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

这个用toggle怎么实现呢？

$(function(){

$("h4").bind("click",function(){

$("ul").toggle(

function(){

$(this).show();

function(){

$(this).hide();

}

)

})

酱紫写的效果不行

Pray_0

2015-07-24

源自：jQuery基础课程 7-1

关注问题我要回答

628

操作

收起

4 回答

管理員
2015-07-24

没看明白为啥这么多，toggle()是自己写的吗？

$("h4").bind("click",function(){
    $("ul").toggle()
}
//或者
$("h4").click(function(){$("ul").toggle();});

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

收起回答

Pray_0 提问者

非常感谢！

2015-07-25 回复有任何疑惑可以回复我~

懵懂zai路上
2015-10-21

可是按照你那样写也不行，是编译器的问题吗

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

收起回答

pardon110
2015-07-24

定义和用法

toggle() 方法用于绑定两个或多个事件处理器函数，以响应被选元素的轮流的 click 事件。所以使用toggle方法时，其jq对象本身就已经绑定click点击事件，你写的效果不行的原因在于对this使用域不了解，$("ul").toggle()并没有被触发，

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

收起回答

pardon110
2015-07-24

你是不是想实现点击h4时，ul显示与隐藏？应该这样

<script type="text/javascript">
    $(function(){
        $("h4").toggle(
            function(){
                $("ul").show();
            },
            function(){
                $("ul").hide();
            })
    })
</script>

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

收起回答

Pray_0 提问者

谢谢你这么耐心的解答，楼上的解答更适合我想要的效果。真的非常感谢你。

2015-07-25 回复有任何疑惑可以回复我~

春与秋先生

toggle()方法的兼容性不是很好，建议少用！

2015-10-19 回复有任何疑惑可以回复我~