javascript - 如果 Accordion 面板有 anchor 链接,如何打开它?

标签 javascript jquery html

我有一个 Accordion 。我有这样的,如果 Accordion 内部有一个 anchor ,那么如果有一个与 anchor 的链接,相关的 Accordion 面板就会打开。

我主要想问的是这个。

  <script>
  $(function() {
    $( "#accordion" ).accordion();
  });
  </script>


<div id="accordion">
  <h3>Section 1</h3><a name="myAnchor"></a>
  <div>
    <p>
    Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
    ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
    amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
    odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
    </p>
  </div>
  <h3>Section 2</h3>
  <div>
    <p>
    Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet
    purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor
    velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In
    suscipit faucibus urna.
    </p>
  </div>

最佳答案

例如,如果我正确理解你想要的功能:

var userUrl = window.location.href.split( '#' )[1];
$('.accordionModule .accordionPanel .content a').each(function( index ) {
    if ($( this ).attr('name') == userUrl ) {
        var $theTarget = $("a[href='" + userUrl + "']"); //gets the anchor targeted
        //then open the corresponding panel
        $theTarget.closest('.accordionPanel').find('.trigger').click();
    }
});

我希望这就是您要问的。很晚了,我累了。哈哈

关于javascript - 如果 Accordion 面板有 anchor 链接,如何打开它?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33005830/

相关文章:

JavaScript 使用箭头键 move 图像

javascript - 控制台对 jquery ajax 请求没有响应

javascript - 使用 jQuery 的 <div> 内带有 <select> 的菜单

java - Apache Wicket 中两种形式的交互

持续时间的 HTML 时间标记

html - 如何在菜单中心内联显示 Logo ?

javascript - CSS 有效但不能动态应用

javascript - laravel 自动完成 TextView

javascript - 在同一元素上使用多个 .style.transform

javascript - 定期更改 css 属性并将该值作为文本添加到 div 中