jquery accordion(不是jquery ui) - 触发面板的链接?

时间:2014-03-05 21:41:07

标签: jquery accordion

我们在页面上使用这个简单的小手风琴。它工作得很好,但现在需要在页面顶部有一组链接,每个链接在单击时锚定到并打开一个不同的面板。

我确定我错过了一些明显的东西。你能帮忙吗?出于问题的目的,您可以假设演示中的代码是相关代码。唯一的区别在于面板的结构,我已经在H3标签上添加了ID来帮助锚定。

http://tympanus.net/codrops/2013/03/29/nested-accordion/

TIA。

1 个答案:

答案 0 :(得分:0)

如果每个标签都有唯一的ID,那么一定要使用它们绑定。 对于最快(不一定是最好)的方式,你可以做一些简单的事情,比如使用data属性,比如

<a class="whatnot" href="#" data-accordionID="ID_HERE">click me</a>

然后在你的剧本中:

$(".whatnot").on('click',function(){ 
    var accordionID = "#" + $(this).data("accordionID");
    $(accordionID).click();  //or whatever it is that opens and closes it
});

应该有效,但唯一可怕的是,它将与data-id和实际ID标签紧密耦合。