CSS와 제이쿼리 이용하여 간편 탭 만들기

<style>

    #toUserRank {display:none;}

</style>

<button onclick="bjRankTab('tab1');">tab1</button>

<button onclick="bjRankTab('tab2');">tab2</button>

<div id="tab1">

</div>

<div id="tab2">

</div>

<script>

function changeTab(type) {

$('#tab1, #tab2').css('display', 'none');

$('#'+type).css('display', 'block');

}

</script>

제이쿼리 탭 플러그인이 있지만 이렇게해도 간편하게 사용할수 있다.