How to make custom tab using jquery?
- by ALAN
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