Pregunta
Estoy tratando de hacer un menú desplegable de navegación usando jQuery y CSS, y siento que estoy riggando mucho más allá de mi necesidad de hacerlo, sin embargo, todavía soy nuevo en jQuery y no puedo encontrar una forma mejor/más limpia Para que esto funcione ... cualquier idea sería muy apreciada ... (usando TinyPaste solo porque es largo)
No hay solución correcta
Otros consejos
Puede acortar su código de color hacia abajo y hacer que sea un poco más fácil de mantener, esto reemplazaría todo el código jQuery que publicó:
var colors = {
"home":"#43b1cc",
"transport":"#f6e572",
"landdev":"#fda882",
"environment":"#b6e578"
};
$('#nav > li').hover(function() {
var color = colors[$(this).attr("id")];
if (color) $(this).parent().css('background-color', color);
}, function(){
$(this).parent().css('background-color', '#000');
});
$('#nav #transport ul').hover(function() {
$(this).prev('a').css('backgroundImage', 'url(images/nav_transport_on.png)');
}, function(){
$(this).prev('a').css('backgroundImage', 'url(images/nav_transport_off.png)');
});
Puedes ver una demostración aquí, aunque, por supuesto, las imágenes no funcionarán :)
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow