JS点击事件:一个DIV盒子里面包含两个盒子,点击第一个盒子,第二个盒子显示;

再次点击第一个盒子,第二个盒子隐藏;默认情况下;两个盒子都是现在的是默认情况下两个盒子display属性都是block;... 再次点击第一个盒子,第二个盒子隐藏;默认情况下;两个盒子都是现在的
是默认情况下 两个盒子display属性都是block;
展开
 我来答
yxc271314
2014-02-27 · TA获得超过360个赞
知道小有建树答主
回答量:143
采纳率:0%
帮助的人:102万
展开全部
<div>
<div id='one' onclick="show()">ssssssss</div>
<div id='two' style="display:block">ssssss</div>
</div>
<script>
function show(){
var two=document.getElementById("two");
if(two.style.display=='block'){
two.style.display='none'
}else{
two.style.display='block'
}
}
</script>
经过测试可行,把以上代码复制到<body></body>里就好
追问
亲  我想再次点击第一个盒子时,第二个盒子还显示出来;就是不断点击第一个盒子,第二个盒子不断显示和隐藏;像是一个菜单栏那样....麻烦你拉亲
追答
现在就是这样的效果啦,在你那里没反应么?现在就是打开就是两个都显示,点第一个,第二个隐藏,再点第一个,第二个显示,继续亦如此,隐藏,显示,隐藏,显示..........
渴侯飞柏6K
2014-02-27 · 超过13用户采纳过TA的回答
知道答主
回答量:102
采纳率:0%
帮助的人:39.1万
展开全部
可以用jquery的show()显示,hide()隐藏
追问
亲  不懂JQ的;只是懂一点点代码;亲可有具体代码例子;谢谢亲  麻烦你拉
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式