jquery 单击外部链接打开第一个 accordion

a1o7rhls  于 2023-08-04  发布在  jQuery
关注(0)|答案(1)|浏览(106)

我已经创建了两个外部链接和两个部分包含 accordion 在每个。当我点击链接它滚动到其特定部分。我试图打开它的第一个 accordion 上的链接点击。

**https://jsfiddle.net/adampavlov/4s7dc09b/13/**第一个字符

$(document).ready(function(){
// Add smooth scrolling to all links
$(".explore-card a").on('click', function(event) {
// Make sure this.hash has a value before overriding default behavior
if (this.hash !== "") {
// Prevent default anchor click behavior
event.preventDefault();
// Store hash
var hash = this.hash;
// Using jQuery's animate() method to add smooth page scroll
// The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
$('html, body').animate({
scrollTop: $(hash).offset().top
}, 800, function(){
// Add hash (#) to URL when done scrolling (default click behavior)
window.location.hash = hash;
});
} // End if
});
});

字符串
我试图打开它的第一个 accordion 上的外部链接点击。

drkbr07n

drkbr07n1#

将这些属性添加到第一个链接即可:

data-toggle="collapse" data-target="#a1"

字符串
添加后,它看起来像这样:

<a href="#Segment1" class="explore-link" data-toggle="collapse" data-target="#a1">


https://jsfiddle.net/r1vd3jgp/

相关问题