通过外部链接访问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