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
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