Question

我使用Soh Tanaka的Simple Accordion tutorial成功制作了一个JQuery手风琴。我希望能够从另一页链接到特定的手风琴部分，但我不知道该怎么做。任何帮助将不胜感激，因为我没有太多运气找到任何特定于本教程的帮助。谢谢！

HTML：

<h2 class="acc_trigger"><a href="#">Web Design &amp; Development</a></h2>
<div class="acc_container">
<div class="block">
<!--Content Goes Here-->
</div>
</div>

JQuery的：

//Set default open/close settings
$('.acc_container').hide(); //Hide/close all containers
$('.acc_trigger:first').addClass('active').next().show(); //Add "active" class to first trigger, then show/open the immediate next container

//On Click
$('.acc_trigger').click(function(){
if( $(this).next().is(':hidden') ) { //If immediate next container is closed...
    $('.acc_trigger').removeClass('active').next().slideUp(); //Remove all "active" state and slide up the immediate next container
    $(this).toggleClass('active').next().slideDown(); //Add "active" state to clicked trigger and slide down the immediate next container
}
return false; //Prevent the browser jump to the link anchor
});

Answer 1

你应该真的使用JQuery UI accordion。然后，如果你想要的是能够通过脚本选择某个手风琴部分，你可以使用以下内容：

    $('#myAccordion').accordion("option", "active", 0)

使用此代码，一旦您创建了一个基于id为“myAccordion”的标记构建的accordion元素，您就可以选择第一页（即索引为0）。要选择第二页，您可以为最后一个参数传递1，依此类推。

如何从不同的页面链接到特定的手风琴部分？

1 个答案: