опция меню по умолчанию

Question

как сделать так, чтобы в этом меню по умолчанию использовалась вкладка "о"?

http://www.sohtanaka.com/web-design/examples/horizontal-subnav/

поэтому, когда ваша мышь не наведена на какую-либо из них, она находится на вкладке about?

Answer 1

Я бы дал около <li> класс для этого, может быть class="default", что облегчает его изменение позже. Затем просто измените функцию наведения, чтобы учесть это:

$("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();
});

Вы можете просмотреть демо-версию здесь , если вы хотите, чтобы она отображалась при начальной загрузке страницы, вы можете сделать это:

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

Я не уверен, как вы используете это на своем сайте, но я бы поместил стили наведения в класс .hover, и тогда вы можете сделать:

• .addClass('hover') вместо .css({ 'background' : '#1376c9 ...})
• .removeClass('hover') вместо .css({ 'background' : 'none'})

Answer 2

Что-то вроде

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

Получит 2-е li из <ul id="nav"> и отобразит блок под ним.