鼠标滑过下滑的jQuery

嘿，伙计们，这是我的html代码：

<div class="nakupy">
     <li class="icn_kategorie"><a href="#">Nákupy</a>
        <div class="sub_menu">
            <sub_menu class="icn_kategorie"><a href="#">TESCO</a></sub_menu>
            <sub_menu class="icn_kategorie"><a href="#">Potraviny</a></sub_menu>
            <sub_menu class="icn_kategorie"><a href="#">Drogéria</a></sub_menu>
            <sub_menu class="icn_kategorie"><a href="#">Oblecenie</a></sub_menu>
        </div>
    </li>
</div>

<div class="domacnost">
    <li class="icn_kategorie"><a href="#">Domácnost</a>
        <div class="sub_menu">
            <sub_menu class="icn_kategorie"><a href="#">TESCO</a></sub_menu>
            <sub_menu class="icn_kategorie"><a href="#">Potraviny</a></sub_menu>
            <sub_menu class="icn_kategorie"><a href="#">Drogéria</a></sub_menu>
             <sub_menu class="icn_kategorie"><a href="#">Oblecenie</a></sub_menu>
        </div>
    </li>
</div>

它不是只向下滑动类“nakupy”和“sub_菜单”，而是同时向下滑动两个类“nakupy”、“domacnost”和类“sub_菜单”

如何让它只在一节课上滑动

可能会改变：

$(".nakupy").mouseover(function(){ 
   $(".sub_menu").parent(".nakupy").slideDown('slow'); 
 });

用于：

---

顺便说一句，您的HTML是无效的：

li

只是

ul

或

ol

元素的有效子元素，也是唯一有效的子元素。这不是我发布的代码，我确实有它，但感谢您的提醒

$(".nakupy").mouseover(function(){ 
   $(".sub_menu").parent(".nakupy").slideDown('slow'); 
 });

$(".nakupy").mouseover(function(){ 
   $(this).find(".sub_menu").slideDown('slow'); 
 });