jquery, tab 변경

2015. 3. 24. 16:03IT/Jquery Plugin/Tip

<div class="board_category_tab">
<a href='#null' <?=$_GET[bo_table]?"":"class='thisTab'"?>><span>홈페이지 포트폴리오</span></a>
<!-- <a href='#null' ><span>홈페이지 포트폴리오</span></a> -->
<a href='#null' ><span>쇼핑몰 포트폴리오</span></a>
<a href='#null' ><span>앱개발 포트폴리오</span></a> 
</div>


<div class="board_tab">
<br><br>
<?=latest("main_port","m41","68","50","")?>
<!-- <?=latest("main_port","m11","56","50","")?> -->
<?=latest("main_port","m21","56","50","")?>
<?=latest("main_port","m31","16","50","")?>
</div>
<script>
$('.board_category_tab > a').click(function(){
$('.board_category_tab > a').removeClass('thisTab');
$(this).addClass('thisTab');
$('.ulport').css("display","none");
$('.ulport').eq($(this).index()).css("display","inline-block");
});

$('.ulport').css("display","none");
$('.ulport').eq(0).css("display","inline-block");
</script>