Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/453.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 打开连接到跳转链接锚的手风琴面板_Javascript_Jquery_Accordion_Materialize - Fatal编程技术网

Javascript 打开连接到跳转链接锚的手风琴面板

Javascript 打开连接到跳转链接锚的手风琴面板,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

我正在使用materializecss可折叠,并试图获得一个跳转链接以打开一个手风琴面板并滚动到该链接。我有滚动工作,但我似乎不能得到只有面板id的链接目标打开。现在我只需要点击打开所有的手风琴面板与css

 $('.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');