반응형
    
    
    
  <script type="text/javascript">
$(document).ready(function() {
$(".tab_content").hide();
$(".tab_content:first").show();
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active");
$(this).addClass("active");
$(".tab_content").hide();
var activeTab = $(this).attr("rel");
$("#"+activeTab).fadeIn();
});
$("li[rel='<?=$_GET['activeTab']?>']").trigger("click");
});
</script>
갯수만큼 늘리시면 됩니다.
<div id="tab1">1</div>
<div id="tab2">2</div>
반응형
    
    
    
  'progarm_old > [HTML-Jquery]' 카테고리의 다른 글
| [jquery] 체크박스 배열로 넘기기 (0) | 2017.11.22 | 
|---|---|
| [jquery] 대박사건-스크립트 (0) | 2017.11.08 | 
| [jquery] 모바일 메뉴 클릭시 히든처리 및 고정 (0) | 2017.10.20 | 
| [map] 구글지도 주소로 좌표 뽑기 (0) | 2017.08.02 | 
| [jQuery] setTimeout 실행딜레이~ (0) | 2017.03.29 |