How to make custom tab using jquery?

Posted by ALAN on Stack Overflow See other posts from Stack Overflow or by ALAN
Published on 2012-11-16T16:58:13Z Indexed on 2012/11/16 16:59 UTC
Read the original article Hit count: 197

Filed under:
|

i have following html, i want to make simple tab using jquery

<td style="border-color: black; border-style: solid; border-width: 1px 0 1px 1px;">
    <div id="cont-1-1">
        My first tab content
    </div>
    <div id="cont-2-1">
        My second tab content
    </div>
</td>
<td style="width: 30px">
        <div id="tab-box">
        <div style="height: 121px;"><img src="/Images/Tab1.png" /></div>
        <div style="border-left: 1px solid Black;"><img src="/Images/Tab2.png" /></div>
        <div style="border-left: 1px solid Black; height: 40px;"></div>
    </div>
</td>
</td>

Where Tab1.Png and Tab2.Png are my tab headers and div id :cont-1-1 and 2-1 are tab content, i don't want to use any jquery plug-in for this, just need something simple when i click on tab,,hide and show contents

thanks

© Stack Overflow or respective owner

Related posts about JavaScript

Related posts about jQuery