<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 |