Question

所有

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

$(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 =＆＃34; source1＆＃34;，＆＃34; source2＆＃34;和＆＃34; source3＆＃34;分别标识。但是，手风琴没有＆＃39; t open up。链接带你到该部分，但手风琴仍然关闭。

点击链接后，有什么方法可以让手风琴打开吗？我想我需要一个onclick功能，但我并不完全确定如何编写它。

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

Answer 2

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

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

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

       });

Answer 3

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

单击链接时显示jQuery Accordion？

3 个答案: