[jQuery] split 활용해 한 페이지에서 url 다르게 tab 링크 설정

*HTML

<div class="sub-tab-wrap">
    <ul class="sub-tab-menu n2 cf">
        <li class="on"><a href="test.html?AAA">AAA</a></li>
        <li><a href="test.html?BBB">BBB</a></li>
    </ul>
</div>		

<div class="sub-tab-con AAA" style="display: block;">
	AAA contents
</div>

<div class="sub-tab-con BBB">
	BBB contents
</div>

 

*jQuery

$(document).ready(function(e){
    var link = window.location.href;
    var day_link = link.split('?');
    var control_tab = day_link[1];

    if(control_tab == 'AAA'){
        $('.sub-tab-menu > li').removeClass('on').eq(0).addClass('on');
        $('.sub-tab-con').hide().eq(0).show();
    } 
    else if(control_tab == 'BBB'){
        $('.sub-tab-menu > li').removeClass('on').eq(1).addClass('on');
        $('.sub-tab-con').hide().eq(1).show();
    } 
});