单击 link 时显示 jQuery 手风琴？

Question

所有。

我正在编写一本很长的手册，每个部分都是点击时显示的手风琴。这是它的代码：

$(function() {
    $( ".accordion" ).accordion({
        collapsible: true,
        active: false,
        heightStyle: "content"
    });
});

所以我总共有 24 个部分（每个部分都是手风琴）。

我试图在其中一个部分中插入 links 以指向不同的部分。这是他们现在的样子：

  <li><a href="#source1">How to configure Source 1</a></li>
  <li><a href="#source2">How to configure Source 2</a></li>
  <li><a href="#source3">How to configure Source 3</a></li>

links 当前将您重定向到请求的部分（分别由 id="source1"、"source2" 和 "source3" 标识。但是，手风琴不会打开。link 将您带到该部分，但手风琴仍然关闭。

有什么方法可以在单击 link 时打开手风琴？我想我需要一个 onclick 函数，但我不完全确定如何编写它。

Answer 1

Accordion API 不为此提供任何功能。
我的尝试不确定，但我认为这会奏效..

  $("#goToSecondSection").click(function(){//your link

             $("#yourSelector").accordion('option', 'active' , 1);//1,2,3,.. put accordingly 

       });

Answer 2

试试这个：

 <li><a href="#dropbox" onclick="$('#dropbox').click()">How to configure Dropbox</a></li>
 <li><a href="#gdrive" onclick="$('#gdrive').click()">How to configure Google Drive</a></li>
 <li><a href="#sserver" onclick="$('#sserver').click()">How to configure SharePoint</a></li>

Answer 3

抱歉，对 codepen 不满意，所以将您的所有代码都带到了 jsfiddle，进行了更改并且它有效：

单击 link 时显示 jQuery 手风琴？

Display jQuery Accordion when link is clicked?

html

javascript

jquery

accordion