添加哈希链接到custon js accordion

时间:2017-03-03 01:37:02

标签: javascript jquery hash hyperlink accordion

好的,我在jQuery中制作了一个简单的手风琴。它看起来像这样: example

它超级轻巧且运行良好,但我想添加#hash"阅读"能力。因此,如果我使用url mydomain.net/faq#acc2,它将打开第二个栏并滚动到它。你可以帮我吗:))

<div id="faq">
  <h4 id="acc1">Question1</h4>
  <div>
    <p>text text text text</p>
  </div>
  <h4 id="acc2">Question2</h4>
  <div>
    <p>text text text text</p>
  </div>
  <h4 id="acc3">Question3</h4>
  <div>
    <p>text text text text</p>
  </div>
</div>

$(document).ready(function($) {
    var allPanels = $('#faq > div').hide();

    $('#faq > h4').click(function() {
        $this = $(this);
        $target =  $this.next();
        if(!$target.hasClass('active')){
            allPanels.removeClass('active').slideUp(200);
            $target.addClass('active').slideDown(200);
        } else {
            $target.removeClass('active').slideUp(200);
        }

        return false;
    });
})(jQuery);

1 个答案:

答案 0 :(得分:0)

您可以使用

获取网址内容
window.location.href

并将其设置为变量。然后创建一个&#34; if&#34;用于根据您的参数查询结果的语句(每种情况下您需要的url条件)。