jQuery onclick显示/隐藏多个div -隐藏额外的div是一个关于使用jQuery实现点击事件来显示/隐藏多个div并隐藏额外div的问题。
答案: 在jQuery中,可以使用以下代码来实现点击事件来显示/隐藏多个div并隐藏额外div:
HTML代码:
<button id="toggleButton">点击切换显示/隐藏</button>
<div id="div1">这是第一个div</div>
<div id="div2">这是第二个div</div>
<div id="div3">这是第三个div</div>
<div id="extraDiv">这是额外的div</div>
jQuery代码:
$(document).ready(function(){
$("#toggleButton").click(function(){
$("#div1").toggle();
$("#div2").toggle();
$("#div3").toggle();
$("#extraDiv").hide();
});
});
解释:
优势:
应用场景:
推荐的腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云