链接打开jQuery手风琴

我正在尝试从外部链接打开手风琴div.我看到“导航：真实”选项,但我不知道如何实现它.你给每个div一个id,并调用这样的链接？ http://domain.com/link#anchorid

我是新来的jQuery,所以忍受我.这是我正在使用的代码,如果它有帮助.

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

<div>
    <h2><a href="#">Services</a></h2>
    <div class="services">
    <p>More information about all of these services</p>
    </div>
</div>

解决方法

导航选项不适用于面板激活.这是告诉用户他们在哪里.

使用简化的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打开哪个面板

链接打开jQuery手风琴

解决方法

相关文章