주메뉴 - 하위메뉴 > SCRIPT

• 목록

<div class="container">
<h2>Event: Click</h2>
<div class="demo-wrap">
    <ul class="tabs" id="tabWrap1">
        <li rel="#tab1">tag1</li>
        <li rel="#tab2">tag2</li>
        <li rel="#tab3">tag3</li>
        <li rel="#tab4">tag4</li>
    </ul>
    <div id="newDom">
        <div id="tab1" class="tab-contx"><p>Content 1</p></div>
        <div id="tab2" class="tab-contx hide"><p>Content 2</p></div>
        <div id="tab3" class="tab-contx hide"><p>Content 3</p></div>
        <div id="tab4" class="tab-contx hide"><p>Content 4</p></div>
    </div>
</div>
<h2>Event: mouseover</h2>
<div class="demo-wrap">
    <ul class="tabs" id="tabWrap2">
        <li rel="#tab5">tag5</li>
        <li rel="#tab6">tag6</li>
        <li rel="#tab7">tag7</li>
        <li rel="#tab8">tag8</li>
    </ul>
    <div >
        <div id="tab5" class="tab-contx"><p>Content 5</p></div>
        <div id="tab6" class="tab-contx hide"><p>Content 6</p></div>
        <div id="tab7" class="tab-contx hide"><p>Content 7</p></div>
        <div id="tab8" class="tab-contx hide"><p>Content 8</p></div>
    </div>
</div>
</div>