1.11M Members

Tabbed navigation using Jquery, highlighted tab problem

 
0
 

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%;
}

tabnav {

width:100%;

}

navblock {

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

Attachments jquery.js (54.47KB) jquery-color.js (3.69KB) tab.html (0.57KB) tab.js (1.13KB)
You
Post:
Start New Discussion
View similar articles that have also been tagged: