Hola. Recien estoy inicializandome con jQuery.
Hice un simple menu convinado con CSS donde jQuery detecta que hay un submenu lo muestra (lo hace visible), sino no...
Entonces, si hay, el boton que es del menu cambia de color y muestra el submenu. Ahora, cuando se vuelve a hacer clic en el boton del menu el submenu se oculta pero el sigue quedando el mismo color.
COMO hago para que vuelva al color original el boton despues de ocultar el submenu?
dejo mi codigo jQuery:
Código:
$(function(){
$('#menu li a').click(function(event){
var elem = $(this).next();
if(elem.is('ul')){
event.preventDefault();
$('#menu ul:visible').not(elem).slideUp();
$(this).css({
"background-color": "#8AC5FF",
"padding-left": "18px",
"border-radius": "0px 10px 10px 0px",
"-ms-border-radius": "0px 10px 10px 0px",
"-moz-border-radius": "0px 10px 10px 0px",
"-webkit-border-radius": "0px 10px 10px 0px",
"-khtml-border-radius": "0px 10px 10px 0px",
"font-weight": "bold",
});
elem.slideToggle();
}
});
});