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: 272
        
JavaScript
|jQuery
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