2017-03-03 63 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條件)。