jquery의 특정 탭에 대한 링크

Question

당신의 도움이 필요합니다!

내 사이트에서 jquery로 탭 기능을 사용하고 있습니다. 잘 작동합니다. 여기

은>

<script type="text/javascript"> 
// When the document loads do everything inside here ... 
$(document).ready(function(){ 
    // When a link is clicked 
    $("a.tab").click(function() { 
    // switch all tabs off 
    $(".active").removeClass("active"); 
    // switch this tab on 
    $(this).addClass("active"); 
    // slide all content up 
    $(".content").slideUp(); 
    // slide this content up 
    var content_show = $(this).attr("title"); 
    $("#"+content_show).slideDown(); 
    }); 
}); 
</script> 

및 HTML 소스가 여기에 있습니다 < 머리에 자바 스크립트입니다!

<ul id="tabs"> 
    <li><a href="#" title="type1" class="tab active">type1</a></li> 
    <li><a href="#" title="type2" class="tab">type2</a></li> 
</ul> 
<section id="type1" class="content"> 
    <p>contents1contents1contents1contents1contents1</p> 
</section> 
<section id="type2" class="content content_2"> 
    <p>contents2contents2contents2contents2</p> 
</section> 

하지만 특정 탭에 버튼을 연결해야합니다. 카테고리 아카이브 페이지에 버튼이 있으며 사용자가 버튼을 클릭하면 두 번째 탭의 내용 인 ID가 "type2"인 페이지가 열립니다.

위의 출처는 this page 이며 여기에 제가 작업하고있는 the page입니다.

귀하의 조언을 기다리고 있습니다!

Answer 1

는 HTML 파일은 위의 index.html을 이름 가정하면, 같은 링크를 만들 수 있습니다 다음

<a href="index.html#!type2">click</a> 

:

$(document).ready(function(){ 
    function doTab() { 
     $(".active").removeClass("active"); 
     $(this).addClass("active"); 
     $(".content").slideUp(); 
     var content_show = $(this).attr("title"); 
     $("#"+content_show).slideDown(); 
    } 

    // When a link is clicked 
    $("a.tab").click(doTab); 

    if (window.location.hash) { 
     $('a[title="' + window.location.hash.substring(2) + '"]').click(); 
    } 
});