链接打开jQuery手风琴

前端之家收集整理的这篇文章主要介绍了链接打开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打开哪个面板

原文链接:https://www.f2er.com/jquery/176477.html

猜你在找的jQuery相关文章