在同一页面上链接到Jquery UI手风琴

时间:2011-07-22 13:07:50

标签: jquery user-interface hyperlink accordion

我正在尝试在手风琴的同一页面上创建链接,该手风琴将打开相应的部分并将其带到页面顶部。我正在通过下面的代码初始化相应的并使用手风琴的默认设置。

$("#accordion").accordion({
autoHeight: false,
collapsible: true,
navigation: true,
active: false
});

非常感谢任何帮助!

1 个答案:

答案 0 :(得分:0)

使用以下内容,您可以定位手风琴的特定区域以打开。 active: 1是您要打开的区域。

(注意:如果我没记错的话,计数从0开始,所以在这种情况下,手风琴中的第二个区域会打开!)

$("#accordion").accordion({ active: 1 });

如果您想通过点击同一页面上的某个链接来触发此操作,您可以执行以下操作

jQuery

$("#exampleLink").click(function() {
    $("#accordion").accordion({ active: 1 });  
    //remove return false; if you want it to jump to the top of the page when clicked
    return false; 
});

HTML

<a href="#" id="exampleLink">Link Text</a>

希望有所帮助