Tengo un menu el cuenta con 5 botones, estos hacen un rollover que desplaza el background del boton para que cambie de color. Al ser presionados quedan activos, osea que hace la funcion del rollover y queda en esa posicion, de la siguiente manera:
CSS:
Código :
.home_btn {
width : 43px;
height : 30px;
text-indent : -5000px;
display : inline-block;
background-image : url('../botonera/home.jpg');
}
.home_btn:hover {
background-position : left 30px;
}JS:
Código :
<script>
var j=jQuery.noConflict();j(document).ready(function(){j("ul.botones-menu li").click(function(){j("ul.botones-menu li").removeClass("active");j(this).addClass("active");var e=$(this).attr("rel");j("#"+e).fadeIn()})})
</script>Hasta ahí todo bien, el problema es que ademas de los botones del menu tengo dos botones fuera de este (dos flechas) que van cambiando segun la seccion. Es posible hacer que al presionar esta flecha cambie el class del boton que corresponda? No se si me explico.
Dejo una imagen a modo ilustrativo para que se entienda mejor.
Si alguien me da un hilo para ver por donde ir, desde ya gracias
