Javascript 打开连接到跳转链接锚的手风琴面板
我正在使用materializecss可折叠,并试图获得一个跳转链接以打开一个手风琴面板并滚动到该链接。我有滚动工作,但我似乎不能得到只有面板id的链接目标打开。现在我只需要点击打开所有的手风琴面板与cssJavascript 打开连接到跳转链接锚的手风琴面板,javascript,jquery,accordion,materialize,Javascript,Jquery,Accordion,Materialize,我正在使用materializecss可折叠,并试图获得一个跳转链接以打开一个手风琴面板并滚动到该链接。我有滚动工作,但我似乎不能得到只有面板id的链接目标打开。现在我只需要点击打开所有的手风琴面板与css $('.open_accordion[data-accordion]').on('click', function () { let target = $(this).attr("href"); $(".collapsible-body").css("display", "b
$('.open_accordion[data-accordion]').on('click', function () {
let target = $(this).attr("href");
$(".collapsible-body").css("display", "block")
})
我尝试将活动类添加到li标记和带有可折叠body类的div标记中,但它仍然没有打开该部分。我想我在变量中有目标,但不确定如何使用它。我开始使用纯JS的方式。感谢您的帮助。好的,这很简单,但我必须更改一些内容,并在Codepen中重建,我发现这要容易得多 1您需要将ID添加到目标面板的可折叠标题和一类scrollspy:
<li class="x-accordion-group">
<div id="lee-open" class="collapsible-header scrollspy" id="linked">Second</div>
<div class="collapsible-body x-accordion-toggle">
...
3强制单击可折叠文件标题中的目标元素:
$(target).trigger('click');
根本不需要向可折叠文件添加任何css。注意,我在li上的第一个可折叠文件中添加了一个active类,只是为了给我们一些空间,以便实际滚动
$(target).trigger('click');