Jquery код для отображения многоуровневого меню при hover?

Question

[http404ntfnd]

День добрый, возникла проблема с jQuery.
Не знаю как правильно реализовать так, чтобы при ховере на li(.menu-item) главного ul(.menu) отображался список(.submenu), который находится в данной li(.menu-item), а при последующем ховере на последнюю li(.submenu-item) отображался ul(. second-submenu).

У меня возникает проблема, что в моём коде при наведении на .menu-item отображается сразу все списки (.submenu) во всех li(.menu-item)

Структура меню следующая:

<ul class="menu">
     <li class="menu-item"> <a href="#">О нас</a>
          <ul class="submenu">
               <li class="submenu-item">
                    <a href="#">О нас</li>
               <li class="submenu-item">
                    <a href="#"> О нас </a>
                        <ul class="submenu second-submenu">
                             <li class="submenu-item"><a href="#">1</a></li>
                             <li class="submenu-item"><a href="#">2</a></li>
                       </ul>
                     </li>
               </ul>
          </li>

Краткая схема как должно быть


Сорян за такой дебильный вопрос, я просто только начал и в JS и JQuery не так силён.
Буду благодарен за помощь

Answer 1

[Юпитер Макс]

ну если jquery то используйте this

$('menu li').hover(function(){
    $(this).find('.sub-menu').show();
},function(){
     $(this).find('.sub-menu').hide();
});

как то так

Comments

[http404ntfnd]

Спасибо вы очень помогли.
Но сейчас возникла проблема в том, что в данном случае при ховере появляется сразу все дочерние списки (submenu), а нужно сделать так, чтобы при ховере на li отображался только список, который непосредственно находится в этой li.

Не могли бы вы мне помочь решить эту проблему?
спасибо

[Юпитер Макс]

http404ntfnd

$('.menu li').hover(function(){
	$(this).find('.submenu:first').show();
},function(){
	$(this).find('.submenu:first').hide();
});

[http404ntfnd]

cпасибо!

Answer 2

[Арсений Матыцин]

Для решения такой простой задачи хватает CSS

Comments

[http404ntfnd]

спасибо, совсем с головы вылетело.