使用简化的HTML代码：

<div id="accordion">
 
    <div>
        <h2><a href="#services">Services</a></h2>
        <p>More information about all of these services</p>
    </div>
 
    <div>
        <h2><a href="#about">About</a></h2>
        <p>About us</p>
    </div>
 
</div>

您将唯一ID放在标题中的超链接中

那么jQuery(简化)：

<script type="text/javascript">
    $(function(){
        $("#accordion").accordion({ header: "h2",navigation: true });
     });
</script>

“导航：真实”将使您能够访问www.site.com/#about,从而使“关于”面板被选中.为了激活,有几种方法.也许一种方法是抓取一个查询字符串并将其放入jQuery.

用C#

$("#accordion").accordion("activate",'<%= Request.QueryString["id"] %>');

用PHP

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

这将允许您指定要由www.site.com?id=2打开哪个面板