为什么我的js一开始需要点击两次才能触发,之后点击一次就可以了。麻烦帮忙解决一下
我写了一段原生js,通过单击按钮来使div显示与隐藏,varanniu=document.getElementById('anniu')vardiv1=document....
我写了一段原生js,通过单击按钮来使div显示与隐藏,var anniu=document.getElementById('anniu')var div1=document.getElementById('div1')var div2=document.getElementById('div2') anniu.onclick=function(){ if(div1.style.display=="block"){ div1.style.display="none"; div2.style.display="block"; }else{ div1.style.display="block"; div2.style.display="none"; } }但是第一次点击按钮是获取这个按钮,再点击一下才会执行,之后点击一次就可以了,请问该怎么改才能一开始点击一次就可以。还有就是这段代码用jquery该怎么写?
展开
2个回答
展开全部
如果这个功能有jQuery写的话会非常简单。
js的话,我需要一段时间来想想_(:з」∠)_
js的话,我需要一段时间来想想_(:з」∠)_
追问
这段js用jq该怎么写?
追答
<!doctype html>
<html>
<head>
<title>demo</title>
<meta charset="utf-8"/>
<script type="text/javascript" src="jquery-3.1.1.min.js"></script>
<style type="text/css">
</style>
<script>
$(function(){
$(".btn1").click(function(){
$(".t1").toggle();
$(".t2").toggle()
})
})
</script>
</head>
<body>
<div class="t1"><h1>这是一个div</h1></div>
<div class="t2" style="display: none;"><h1>这是另一个div</h1></div>
<button class="btn1">点击隐藏第一个div,显示第二个div,再次点击效果切换</button>
</body>
</html>
效果是在开始显示第一个div点击按钮后隐藏第一个显示第二个,再点击隐藏第二个显示第一个
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询