I am using tabbed navigation in my website.I have this code with me.I have used Jquery for fading effect.when I select any tab, I want that tab to be highlighted.but I can't do this.
Please help.Thanks in advance.
I couldn't attached "tab.css" so I am pasting it here.
*{ padding: 0; margin: 0; color: #FFF; }
body {
background-color:#303030;
font-family: Trebuchet MS, Helvetica, Arial; font-size: 95%;
}
width:100%;
}
width:450px;
margin:25px auto;
background-color:transparent;
}
div.hoverbk {
position:relative;
float:left;
background:#ffffff;
/#505050;/
}
div.hoverbk a{
position:relative;
display:block;
z-index:2;
width:150px;
height:40px;
line-height: 30px;
text-align: center;
padding-top:5px;
font-size: 1.1em;
text-decoration: none;
color: #000000;
background: transparent none repeat-x 0 0 scroll;
}
div.hoverbk div#m1 {
display:none;
position:absolute;
z-index:1;
top:0px;
background:#00CCFF
;
}
div.hoverbk div#m2 {
display:none;
position:absolute;
z-index:1;
top:0px;
background: #6600FF;
}
div.hoverbk div#m3 {
display:none;
position:absolute;
z-index:1;
top:0px;
background:#CC33FF;
}
ul {
list-style-type:none;
float:left;
}
.selected {
display:block;
background:#202020;
}
jquery.js
jquery-color.js
tab.html
tab.js