Вопрос
Я пытаюсь сделать раскрывающееся бюро NAV с использованием jQuery и CSS, и я чувствую, что я выхожу на жюри далеко за пределами своей необходимости, однако я все еще новичок в jQuery и не могу понять лучше/чистый путь Чтобы заставить это работать ... Любое понимание будет очень ценится ... (используя Tinypaste, потому что это долго)
Нет правильного решения
Другие советы
Вы можете сократить свой цветовой код и сделать его немного проще, это заменило бы весь опубликованный вами код jQuery:
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)');
});
Вы можете увидеть демонстрацию здесь, хотя, конечно, изображения не будут работать :)
Не связан с StackOverflow