單擊鏈接後保持子菜單打開

Question

如何在點擊鏈接後使對應的子菜單保持可見狀態？

我應該說即時通訊在Wordpress中使用自定義菜單 - 在Wordpress中，我爲所有主菜單項添加了類「第一個」，子菜單中的所有鏈接都添加了「第二個」類。

的CSS的。第二是：

.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>