Javascript-форум - обращение к дочерним элементам

Здравствуйте

подскажите пожалуйста как обращаться к дочерним элементам. например есть структура:

<div class="pmenu_item" id="pm_item1"><a href="/rolety">Ролеты</a><img src="image/catalog/site_img/ar.svg"></div>
   <div class="pm_u1 hidden" id="pm_item1_u1">
      <a href="/rolety/tkanevye_rolety">Тканевые</a>
      <a href="/rolety/den-noch">День Ночь</a>
      <a href="/rolety/dzhutovyye_rolety">Джутовые</a>
      <a href="/rolety/blehkaut_rolety">Блэкаут</a>
      <a href="/rolety/bambukovye">Бамбуковые</a>
   </div>
</div>

<div class="pmenu_item" id="pm_item2"><span>Шторы</span><img src="image/catalog/site_img/ar.svg"></div>
<div class="pmenu_item" id="pm_item3"><span>Жалюзи</span><img src="image/catalog/site_img/ar.svg"></div>
<div class="pmenu_item" id="pm_item4"><span>Закрытая система</span><img src="image/catalog/site_img/ar.svg"></div>

$('.pmenu_item').click(function(){
   $(this .pm_u1).toggleClass('hidden');
})

То есть при клике на класс pmenu_item происходило изменение класса только внутри блока по которому кликнули а не во всех других классах.