2017-03-03 144 views
0

好的,我在jQuery中做了一个简单的手风琴。它看起来像这样: example向custon js accordion添加哈希链接

这是超级轻量级​​和运作良好,但我想添加#hash“阅读”能力。因此,如果我使用网址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); 

回答

0

您可以通过使用

window.location.href 

获取URL的内容,并设置一个变量。然后创建一个“if”语句来根据您的参数查询结果(您希望给出每个案例的url条件)。