URLとアクティブな同じタブにjqueryタブIDを表示する方法は？

Question

URLにタブIDを追加したいのですが、現在のタブを有効にしたい場合は、URLのタブIDをクリックしてください。

別のシステムのタブIDでURLにヒットした場合、同じタブが有効になります。

は、私は私のコード追加しました：

は

<div id="faq-accordion"> 
     <ul class="tabs"> 
      <li class="tab-link current" data-tab="tab-1"><a href="#tab-2">About us</li> 
      <li class="tab-link" data-tab="tab-2"><a href="#tab-2">Ordering</li> 
      <li class="tab-link" data-tab="tab-3"><a href="#tab-2">Payment</li> 
     </ul> 
     <div id="tab-1" class="tab-content current"> 
      <div class="accordion-block close"> 
       <div class="accordion-trigger close"> 
        <span>Can order be placed on phone?</span> 
       </div> 
       <div class="accordion-content"> 
        <ul> 
         <li>Yes, we do take orders on the phone</li> 
         <li>We also take orders via Whatsapp. </li> 
        </ul> 
        </div>     
      </div> 
     </div> 
     <div id="tab-2" class="tab-content"> 
      <div class="accordion-block close"> 
       <div class="accordion-trigger close"> 
        <span>Only Part of my order has arrived. Why?</span> 
       </div> 
       <div class="accordion-content"> 
        <p>In rare occasions, few of the ordered products are unavailable. In such situations, we try to deliver the orders in parts. In such situations, you will be duly informed by our customer service executive.</p> 
        </div>     
      </div> 
     </div> 

     </div> 


<script> 
    jQuery(document).ready(function(){ 

     jQuery('ul.tabs li').click(function(){ 
      var tab_id = jQuery(this).attr('data-tab'); 

      jQuery('ul.tabs li').removeClass('current'); 
      jQuery('.tab-content').removeClass('current'); 

      jQuery(this).addClass('current'); 
      jQuery("#"+tab_id).addClass('current'); 
     }); 

    }); 
</script> 

Answer 1

それはとても簡単です、あなたはpushstateでそれを自分で処理することができます（あなたのURLを更新する）か、それ既にケーキ作っthis libraryを使用することができますが:)