2010-03-11 26 views

Répondre

1

Je donnerais le <li> d'une classe pour ceci, peut-être class="default", le rendant facile de changer plus tard. Ensuite, il suffit de changer la fonction de vol stationnaire pour tenir compte:

$("ul#topnav li").unbind().hover(function() { 
    $(this).css({ 'background' : '#1376c9 url(topnav_active.gif) repeat-x'}) 
     .find("span").show(); 
    $(this).siblings('li').css({ 'background' : 'none'}).find("span").hide(); 
} , function() { 
    if($(this).hasClass('default')) return; 
    $(this).css({ 'background' : 'none'}) 
     .find("span").hide(); 
    $(this).siblings('.default').mouseenter(); 
}); 

You can view a demo of it here, si vous le voulez affiché lorsque la page se charge d'abord aussi bien, vous pouvez le faire:

$("ul#topnav li.default").mouseenter(); 

Je ne suis pas sûr de savoir comment vous utilisez dans votre site, mais je mettrais les styles de vol stationnaire dans une classe .hover, et vous pouvez faire:

0

Quelque chose comme

$("ul#topnav li:nth-child(2)").find("span").show();

obtiendrez le 2ème li du <ul id="nav"> et afficher le bloc span dessous.

Questions connexes