Выбрать первый дочерний елемент относительно вызываемого
 

Помогите отобрать дочерний

<div class="subcategories" style="display:none;"></div>

относительно вызываемоно ( таких елементов будет на странице несколько) при событии

onmouseover

на елемент

<td class="jshop_categ" width="33.333333333333%" onmouseover="showSubCats(this);"></td>

<td class="jshop_categ" width="33.333333333333%" onmouseover="showSubCats(this);">
          <table class="category">.....</table>
           <div class="subcategories" style="display:none;"></div>
</td>

Надо повесить toggle() на

onmouseover

елемента

<div class="subcategories" style="display:none;"></div>

Лучше юзать через класс

function showSubCats(el){
 el.find('.subcategories').toogleClass('hideClass');
}

так ?