скрыть лишки с 3-й

[pehser]

Помогите решить такую задачку есть

<ul class="menu">
  <li>
<span>1</span>
  <ul>
  <li>1.1</li>
  <li>1.2</li>
  <li>1.3</li>
   <li>1.4</li>
  <li>1.5</li>
  </ul>
  </li>
  <li>
<span>2</span>
  <ul>
  <li>2.1</li>
  <li>2.2</li>
  <li>2.3</li>
  </ul>
  </li>
  </ul>

нужно скрыть все элементы после второго, тобиш в данном примере должны скрыться пукты 1.3, 1.4, 1.5 и 2.3
я по пытался сделать так

$('.menu ul li').slice(2).hide();

но в таком случаи скрывается 1.3-1.5 и все пункты 2 (2.1,2.2,2.3)

 

[peon]

$('.menu li ul li:last-child ').hide();

 

[pehser]

мне нужно не последний а все после второго

 

[peon]

в данном примере должны скрыться пукты 1.3 и 2.3

http://jsfiddle.net/h709vqs2/

 

[peon]

$('.menu li ul').each(function(){
        $(this).find('li').slice(2).hide()
});

 

[pehser]

Спасибо, а про цыкл то я и забыл

 

[MiksIr]

Еще можно так вроде $('.menu li ul li:nth-child(1N+3)').hide();