Tagoplus

탭 정의

1. 박스형

<div class="tab_wrap tab_box">
    <div class="tabs">
        <ul>
            <li>
                <a href="#tab01" class="active">TAB01</a>
            </li>
            <li class="tab_box_nav">
                <a href="#tab02">TAB02</a>
            </li>
            <li class="tab_box_nav">
                <a href="#tab03">TAB03</a>
            </li>
        </ul>
    </div>
    <div class="tab_conts">
        <div id="tab01" class="active" style="display: block;">Content01</div>
        <div id="tab02">Content02</div>
        <div id="tab03">Content03</div>
    </div>
</div>

2. 텍스트 형

<div class="tab_wrap tab_text">
    <div class="tabs">
        <ul>
            <li>
                <a href="#tabText01" class="active">TAB01</a>
            </li>
            <li class="tab_text_nav">
                <a href="#tabText02">TAB02</a>
            </li>
            <li class="tab_text_nav">
                <a href="#tabText03">TAB03</a>
            </li>
        </ul>
    </div>
    <div class="tab_conts">
        <div id="tabText01" class="active" style="display: block;">Content01</div>
        <div id="tabText02">Content02</div>
        <div id="tabText03">Content03</div>
    </div>
</div>