tenho um menu com sub-menus. quero que ao clicar ele mude de cor e mantenha
tenho este código já
JS
Código :
html Código :
css
Código :
mas só me aparece a brando quando clico por cima no no page 2 se clicar no consultar desaparece.quero que ao clicar no consulta coloque a pagina corrent a branco
tenho este código já
JS
Código :
$('a.list').click(function () {
$('a.list').removeClass("active");
$(this).addClass("active");
});
$('a.list').removeClass("active");
$(this).addClass("active");
});
html Código :
echo '<ul class="nav navbar-nav">'
. ' <li>
<a href="Home.php"><i class="list"></i> Home</a>
</li>'
. ' <li class="dropdown">
<a class="list dropdown-toggle fa fa-fw fa-table menu" data-toggle="dropdown" >page1<span class="caret"></span></a>
<ul class="dropdown-menu list">
<li><a href="page1.php">Consultar </a></li>
<li><a href="#">Editar</a></li>
<li><a href="#">Novo Registo</a></li>
</ul>
</li>'
. ' <li class="dropdown">
<a class="list dropdown-toggle fa fa-fw fa-table menu " data-toggle="dropdown" >page2<span class="caret"></span></a>
<ul class="dropdown-menu list">
<li><a class="list" href="page2.php">Consultar </a></li>
<li><a href="#">Editar</a></li>
<li><a href="#">Novo Registo</a></li>
</ul>
</li>
</ul>';
. ' <li>
<a href="Home.php"><i class="list"></i> Home</a>
</li>'
. ' <li class="dropdown">
<a class="list dropdown-toggle fa fa-fw fa-table menu" data-toggle="dropdown" >page1<span class="caret"></span></a>
<ul class="dropdown-menu list">
<li><a href="page1.php">Consultar </a></li>
<li><a href="#">Editar</a></li>
<li><a href="#">Novo Registo</a></li>
</ul>
</li>'
. ' <li class="dropdown">
<a class="list dropdown-toggle fa fa-fw fa-table menu " data-toggle="dropdown" >page2<span class="caret"></span></a>
<ul class="dropdown-menu list">
<li><a class="list" href="page2.php">Consultar </a></li>
<li><a href="#">Editar</a></li>
<li><a href="#">Novo Registo</a></li>
</ul>
</li>
</ul>';
css
Código :
.active{
color: #ffffff !important;
font-weight: bold;
}
color: #ffffff !important;
font-weight: bold;
}
mas só me aparece a brando quando clico por cima no no page 2 se clicar no consultar desaparece.quero que ao clicar no consulta coloque a pagina corrent a branco