使用jQuery可以通过点击链接展开多个部分的方法如下:
<a href="#" class="expand-link">展开部分</a>
<div class="expand-section">要展开的内容1</div>
<div class="expand-section">要展开的内容2</div>
<div class="expand-section">要展开的内容3</div>
$(document).ready(function() {
$('.expand-link').click(function() {
$(this).nextAll('.expand-section').slideToggle();
});
});
在上述代码中,$(this)
表示当前被点击的链接,nextAll('.expand-section')
选择当前链接后面的所有具有.expand-section
类的元素,slideToggle()
方法用于展开或收起这些部分。
.expand-section {
display: none;
}
这样,当页面加载完成后,链接点击时对应的部分会展开或收起。
这种方法可以用于展开多个部分,只需在HTML中添加相应的链接和部分,并使用相同的类名进行选择和操作。
云+社区技术沙龙[第28期]
Elastic 中国开发者大会
云+社区技术沙龙[第14期]
云+社区技术沙龙[第1期]
云+社区沙龙online [云原生技术实践]
Techo Day 第二期
云原生正发声
腾讯云GAME-TECH游戏开发者技术沙龙
云+社区沙龙online [技术应变力]
领取专属 10元无门槛券
手把手带您无忧上云