                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础(四)—动画篇

哪位大神瞧瞧，换了用判断语句写了之后点击能隐藏，但不能自动显示了。请问是哪出了问题？？

不用toggle()方法。也不用$("#a1").hide(1000).show(1000);

<div class="left">

<div id="a1">hide-show</div>

<button>直接hide-show动画</button>

</div>

<script type="text/javascript">

$("button").click(function(){

if($("#a1").length>0){

$("#a1").hide(2000);

}

else{

$("#a2").show(2000);

}

})

</script>

用判断语句写了之后点击能隐藏，但不能自动显示了。请问是哪出了问题

淡水狗

2017-07-19

源自：jQuery基础(四)—动画篇 1-3

关注问题我要回答

1331

操作

收起

5 回答

郭越呱呱呱回答被采纳 +3 积分
2017-07-19

show（）、hide（）方法修改的是元素的高度、宽度、透明度；不会修改字符长度的，所以不能用.length判断

$("button").click(function(){
        if($("#a1").css('display')=='block'){
			$("#a1").hide(2000);
        }
        else{ 
            $("#a1").show(2000);
        }
    })

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

#1

淡水狗提问者

好的谢谢了。我知道了~~

2017-07-19 回复有任何疑惑可以回复我~

不成大触不可熟睡
2018-04-22

感觉按照楼上复制粘贴不行

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

qq_蒙蒙细雨_0
2017-07-20

<script type="text/javascript">

$("button").click(function(){

if($("#a1").length>0){ //判断a1的长度是否大于0，结果只能显示一种

$("#a1").hide(2000); //大于0 隐藏，执行完毕，就不在执行else{}里的语句

}

else{

$("#a1").show(2000); //小于0 显示

}

})

</script>

想要隐藏后自动显示，只需给show() 加个时间

$("button").click(function(){

if($("#a1").length>0){

$("#a1").hide().show(2000);

}

});

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

郭越呱呱呱
2017-07-19

id写错了亲

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

郭越呱呱呱
2017-07-19

。。。你的#a2在哪

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

举报

0/150

提交

取消

jQuery基础(四)—动画篇

参与学习 85057 人
解答问题 262 个

jQuery基础教程动画篇，讲解jQuery基础开启动画修炼

本课相似问答

3 回答用switch语句没有显示？？那里面错了？

4 回答请教一个小问题，关于判断语句的

4 回答话说我用老师左边的判断语句写为什么又没反应了。哭瞎。。。

3 回答为什么点击不能显示呢？

4 回答哪位大神知道这章以后哪方面可以用的到？

搜索更多本课相关问答

哪位大神瞧瞧，换了用判断语句写了之后点击能隐藏，但不能自动显示了。请问是哪出了问题？？

我要回答关注问题

意见反馈帮助中心 APP下载