Echt chaotischer jQuery

Question

Ich versuche, mit JQuery und CSS einen Navigationsropfen zu machen, und ich habe das Gefühl Um dies zum Laufen zu bringen ... wird jeder Einblick sehr geschätzt .. (mit Tinypaste nur, weil es lang ist)

http://tinypaste.com/49e96

Answer 1

Sie können Ihren Farbcode verkürzen und es etwas einfacher machen, die Wartung zu erhalten. Dies würde den von Ihnen veröffentlichten Jquery -Code ersetzen:

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)');
});

Sie können hier eine Demo sehen, obwohl natürlich die Bilder nicht funktionieren :)