Сохраните подменю после нажатия ссылки

Question

Как сделать видимым соответствующее подменю после нажатия ссылки?

Я должен сказать им, используя пользовательское меню в Wordpress - в Wordpress я добавил класс «первым» для всех основных элементов меню и класс «второй» для всех ссылок в подменю.

CSS-для .second является:

.second { 
    display: none; 
} 

Вот JQuery:

$('.first > a').click(function(event) { 
    event.preventDefault(); 
}); 

$('.first').click(function() { 
    $(this).find('.second').show(); 
}); 

Answer 1

Предполагая разметку, как следующий код. Если у элемента есть подменю, покажите/скрыть подменю по щелчку, в противном случае откройте ссылку напрямую.

// hide all the sub menus 
 
$('#nav > li > ul').hide(); 
 

 
// show/hide sub menu if it exists 
 
$('#nav > li > a').click(function() { 
 
    var $ul = $(this).siblings('ul'); 
 
    if ($ul.length > 0) { 
 
     $ul.toggle(); 
 
     return false; 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 

 
<ul id="nav"> 
 
    <li> 
 
     <a href="#">Home</a> 
 
    </li> 
 
    <li> 
 
     <a href="#">About</a> 
 
     <ul> 
 
      <li><a href="#">Team</a></li> 
 
      <li><a href="#">Contact</a></li> 
 
     </ul> 
 
    </li> 
 
</ul>