通過外部鏈接訪問jQuery手風琴

Question

我在頁面中使用了Jquery UI手風琴，它按預期工作。

我需要通過一個外部鏈接打開一個手風琴面板。 即使使用下拉列表菜單，如何訪問手風琴。

這是我到目前為止所做的

// JavaScript Document
$(document).ready(function () {

    //Add list menu
    $('.droplist > li').hover(function () {
        $(this).find('ul').toggle();
    });

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

DEMO

PS ：不能更改HTML格式。

Answer 1

由於無法更改HTML，因此您可以嘗試以下操作：

$('.droplist > li > ul > li').on('click', function(){
    index = $(this).index();
    $( "#accordion" ).accordion( "option", "active", index );
});

演示

參考

。指數（）

手風琴-選項

Answer 2

我可能對這個問題有誤解，但是對我來說，您是在問如何自動打開第一個手風琴項目？

$('#accordion li a').first().trigger('click');

這將觸發第一個手風琴項目打開。

DEMO