Jquery Accordion 使用锚标签/url 哈希激活特定面板

Question

我遇到了与此处提出的问题 (Link to open jQuery Accordion?) 几乎相同的问题，但无法正确实施答案。

我尝试了这个解决方案，但它对我不起作用：

$("#accordion").accordion("activate", <?php echo $_GET['id']; ?>);

我有一个带有以下代码的 Jquery 手风琴：

<script type="text/javascript">
        $(function(){

            // Accordion
            $("#accordion").accordion({ 
                header: "h3", 
                autoHeight: false,
                navigation: true,
                collapsible: true,
                active: false
            });
            $(".exlnk").click(function(event){
      window.location.hash=this.hash;
 });    

        });


</script>
<script type="text/javascript">
function Click1(){  
$("#accordion").accordion('activate' , 0)
} 
function Click2(){  
$("#accordion").accordion('activate' , 1)
} 

</script>

简化的 HTML：

 <h3><a class="exlnk" href="#about" title="About">About</a></h3>
<div>content blah blah</div>
<h3><a class="exlnk" href="#about" title="About">About</a></h3>
<div>Blah blah</div>

上面的代码允许我在主页上有链接来激活指定的面板。

exlnk 位在单击每个面板时为每个面板提供一个哈希值，我在本教程 (http://www.michaeljacobdavis.com/tutorials/statesavingaccordion.html) 中阅读过它会创建可保存状态、可添加书签的面板。它分配哈希，但它不会激活面板或保存它们在重新加载时关闭。

我想要的是能够从外部链接到http://www.mysite.com/page#anchor，并让它在相应面板打开的情况下打开页面。我能够从手风琴页面链接的解决方法非常有用！

非常感谢您提供的任何帮助...我已阅读此站点上与手风琴脚本相关的所有问答，但无法回答任何问题。我对 Jquery/Javascript 非常陌生，所以解释所有实施步骤以及放置每个建议代码的位置的答案会很棒。

Answer 1

您需要将您的服务器端代码与.activate() 方法联系起来，该方法应该允许您根据作为索引或选择器传递的内容动态显示面板：

以编程方式激活 Accordion 的内容部分。指数 可以是一个零索引的数字，以匹配标题的位置 关闭或匹配元素的选择器。通过false 关闭所有（仅 可以使用 collapsible:true )。

示例：

如果可能，不要传递$_GET['id']，而是传递与您要激活的元素匹配的选择器的名称。例如：

$("#accordion").accordion("activate", "#<?php echo $_GET['tab']; ?>");

$_GET['tab'] 将是您传递的选择器的名称。当然，如果选择器需要是类，只需将hash改为句点即可。

如果您想根据http://www.mysite.com/page#anchor 之类的链接激活某些内容，您需要在页面加载时使用 javascript 获取哈希值并使用该哈希值（这将是激活面板的选择器的名称) 代替$_GET['id']