외부에서 탭메뉴 링크거는것좀 알려주실수있나요 ? ?

예를들어 #tab2 로 가려면 어떻게하나요 ? 

링크거는 방법도 알려주세요.. 

 <div class="product_tap" style="clear:both;">

    <ul class="tabul">

      <li class="on" href="#tab1">Layouts</li>

      <li href="#tab2" data-toggle="tab">Specifications</li>

      <li href="#tab3">Gallery</li>

    </ul>

</div>

  <!-- tap 내용 -->

<!--tab1-->

  <div id="tab1" class="panel">내용</div>

        <div id="tab2" class="panel">내용</div>

<script type="text/javascript">

  $(function(){

      // ul 에 a 를 클릭했을때

      $("ul.tabul li").click(function(){

          // a 에 있는 모든 클래스 selected 를 삭제

          $("ul.tabul li").removeClass("on");

          // 그리고 현재의 요소에만 selected 클래스 추가.

          $(this).addClass("on");

          // 탭의 변경에 맞쳐 패널의 표시,비표시를 변경합니다.모든 패널을 비표시합니다.

          $(".panel").hide();

          // $(this).attr("href") 로 클릭된 a 태그의 href 속성을 가져와 같은 이름의 id 속성을 가진 패널을 보여줍니다.

          // 즉 현재의 클릭된 요소만 보여줍니다.

          //$($(this).attr("href")).show();

          //$($(this).attr("href")).css("opacity","0.5").show();

          $($(this).attr("href")).fadeIn("slow");

          //$($(this).attr("href")).animate({    opacity: 1  }, 500, "swing", function() {    });

          // 탭에 a 요소로 되어 있어서 클릭했을때 발생하는 click 이벤트를 설정, 이동하지 못하게 합니다.

          return false;

      });

    });

</script>