質問
JQueryとCSSを使用してNAVドロップダウンをしようとしていますが、私は自分の必要をはるかに超えてju審員をリジングしているように感じますが、JQueryはまだ初めてで、より良い/クリーンな方法を理解することはできませんこれを機能させるために...どんな洞察も大歓迎です。
正しい解決策はありません
他のヒント
カラーコードを短くして、メンテナンスを少し簡単にすることができます。これにより、投稿したすべての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