javascript - 使用外部链接访问 jquery Accordion

Question

我在我的页面中使用了 Jquery UI Accordion ，它按预期工作。

我需要打开带有外部链接的 Accordion 面板，它是一个下拉菜单。如何使用下拉列表菜单访问 Accordion 。

这是我到目前为止所做的

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