jquery - 鼠标悬停上的jQuery slideDown

Question

嘿伙计们，这是我的 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>

通过 jQuery，我只想在该类“nakupy”中选择 class="nakupy" 和 slideDown class="sub_menu"。我使用了这个脚本，但对我不起作用：

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

它不是只向下滑动“nakupy”类和“sub_menu”类，而是在两者中都向下滑动“nakupy”、“domacnost”类和“sub_menu”类。

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

Answer 1

也许改变：

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

为了：

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