jQuery меню

Добрый день. Хочу сделать выпадающие меню в сайдбаре: при нажатие по заголовку <h2>, все статьи из этого раздела скрываются, а при повторном нажатие - вновь появляются.

Вот код хтмл:

<div class='menu2'>

<ul>
 <li id="resources">
 <h2>Заголовок 1</h2>
 <ul>
  <li><a href="#">ссылка1</a></li>
   <li><a href="#">ссылка2</a></li>
 </ul>

</li>
</ul>
</div>

<div class='menu2'>

<ul>
 <li id="resources">
 <h2>Заголовок 2</h2>
 <ul>
  <li><a href="#">ссылка3</a></li>
   <li><a href="#">ссылка4</a></li>
 </ul>

</li>
</ul>
</div>

Вот js:

$(document).ready(function() {
$('.menu2 h2').toggle(function (){
 
   
   $('Что-то').slideUp(800);
},function(){
    
    $('Что-то').slideDown(800);
    });
});

Никак не могу придумать, как вытащить следующий после <h2>...</h2> блок <ul>..</ul>.

Если кто подскажет, буду благодарен.