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 );
});

Demo

<强>参考

.index()

accordion - option

Answer 2

我可能误解了这个问题，但对我来说你问的是如何自动打开第一个手风琴项？

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

这将触发第一个手风琴项目打开。

DEMO

使用外部链接访问jquery手风琴

2 个答案: