Скрыть первое подменю

Question

Я работаю на сайте со следующей структурой меню:

<ul class="menu"> 
<li><a href="#">Home</a> 
    <ul class="submenu"> 
     <li><a href="#">Home</a></li> 
    </ul> 
</li> 

<li><a href="#">About Us</a> 
    <ul class="submenu"> 
     <li><a href="#">Mission Statement</a></li> 
    </ul> 
</li> 
</ul> 

Как бы я идти о скрытии первое подменю?

Answer 1

Вы можете использовать .first() фильтр из первого элемента из соответствующего набора

jQuery(function($){ 
    $('.menu').find('.submenu').first().hide() 
}) 

Демо: Fiddle

Answer 2

Вы также можете использовать CSS :first-child:

.menu li:first-child .submenu { 
    display:none; 
} 

Вот скрипку: http://jsfiddle.net/KTNe8/1/

Answer 3

JQuery

$('.submenu').first().hide() 

чтобы тот, кто downvoted этот ответ: вы пробовали сами? DEMO

Answer 4

Вы можете просто сделать это с помощью JQuery, как это:

$('ul.submenu').first().hide(); 

В частности:

$('ul.menu ul.submenu').first().hide(); 

Answer 5

Try CSS: первый ребенок

.menu li:first-child ul { 
    display:none; 
}