单击链接时显示jQuery Accordion？答案

【问题标题】：Display jQuery Accordion when link is clicked?单击链接时显示jQuery Accordion？
【发布时间】：2015-11-20 12:52:15
【问题描述】：

全部。

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

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

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

我正在尝试在其中一个部分中插入链接以指向不同的部分。这就是他们现在的样子：

  <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>

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

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

【问题讨论】：

你能发个小提琴吗？
根据 jQuery UI Accordion API (api.jqueryui.com/accordion) 我没有找到任何以编程方式激活自定义选项卡的方法。因此，或者您可以手动制作，也可以通过其他方式或插件制作手风琴。
不确定 jquery ui，因为我们很久以前就放弃了它，但是用 ex。语义 ui 你有一个 api 来展开或折叠任何手风琴，这样你可以先展开它，然后使用普通锚或滚动到手风琴，如果没有 api，你可以让它变得丑陋并简单地调用一个 click( ) 在手风琴上 :)\
添加 codepen：codepen.io/anon/pen/gayPJE?editors=100。如您所见，单击链接会突出显示所需的部分，但不会展开它。有什么想法吗？
我知道。应该是随机的：P

标签： javascript jquery html accordion

【解决方案1】：

试试这个：

 <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>

【讨论】：

【解决方案2】：

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

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

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

       });

【讨论】：

试过了。这将我带到标题/部分，它只是没有打开手风琴。有什么想法吗？
很好，你得到了答案，这就是我们的目标 :)

【解决方案3】：

抱歉，对 codepen 不满意，因此将您的所有代码带到 jsfiddle，进行了更改，它可以正常工作：