DropDown菜單關閉問題

我已經創建了此下拉菜單，它可以在點擊上工作，但是當您點擊下一個鏈接時，第一個放置框保持打開狀態。另外，當我從數據庫中提取內容並且頁面不刷新時，如何在單擊某個子項時關閉菜單。DropDown菜單關閉問題

$(document).ready(function(){ 
$("#top-nav li").toggle(function(){ 
$("ul",this).show(); 
$("a.top-nav-link", this).addClass('selected'); 

      }, function(){$('ul',this).hide(); 
    $("a.top-nav-link", this).removeClass('selected'); 
      }); }); 
    <ul id="top-nav"> 
<li> 
    <a href="#" class="top-nav-link">INDIAN</a> 
    <ul> 
     <li> 
       <div class=" one-wrap set-column"> 
       <a href="#" >INDIAN</a> 
      <a href="#" >CHINESE</a> 
      <a href="#" >ITALIAN</a> 
      <a href="#" >PUB FOOD</a> 
      <a href="#" ></a> 
      <a href="#" >Menu</a> 
      <a href="#" >Menu</a> 
      <a href="#" >Menu</a> 
      <a href="#" >Menu</a> 
        <a href="#" >Menu</a> 
      <a href="#" >Menu</a> 
      <a href="#" >Menu</a> 
      <a href="#" >Menu</a> 
      <a href="#" >Menu</a> 
      <a href="#" >Menu</a> 
      <a href="#" >Menu</a> 
      <a href="#" >Menu</a> 
      <a href="#" >Menu</a> 
       <a href="#" >Menu</a> 
      <a href="#" >Menu</a> 
      <a href="#" >Menu</a> 
      <a href="#" >Menu</a> 
      <a href="#" >Menu</a> 
      <a href="#" >Menu</a> 


      </div> 
     </li> 

    </ul> 

    </li> 
      <li> 
       <a href="#" class="top-nav-link">CHINESE</a> 

       <ul> 
       <li> 
        <div class=" two-wrap set-column"> 
       <a href="#" >Menu</a> 
      <a href="#" >Menu</a> 
      <a href="#" >Menu</a> 
      <a href="#" >Menu</a> 
      <a href="#" >Menu</a> 
      <a href="#" >Menu</a> 
      <a href="#" >Menu</a> 
      <a href="#" >Menu</a> 
      <a href="#" >Menu</a> 
        <a href="#" >Menu</a> 
      <a href="#" >Menu</a> 
      <a href="#" >Menu</a> 
      <a href="#" >Menu</a> 
      <a href="#" >Menu</a> 
      <a href="#" >Menu</a> 
      <a href="#" >Menu</a> 
      <a href="#" >Menu</a> 
      <a href="#" >Menu</a> 
       <a href="#" >Menu</a> 
      <a href="#" >Menu</a> 
      <a href="#" >Menu</a> 
      <a href="#" >Menu</a> 
      <a href="#" >Menu</a> 
      <a href="#" >Menu</a> 
      </div> 
      </li> 
      </ul> 
      </li>

來源

2012-09-20 Mark Glover

看到你的HTML將有助於... –

請包括您的HTML代碼以及。也是你的jQuery函數不完整，看起來這樣對我。 – Steven

你可以使用jsfiddle（http://jsfiddle.net/）給我們一個你的代碼的實例 – BBog

您可以關閉所有現有的下拉菜單中點擊一個鏈接時，然後滑下一個現在應該滑下：

$("#link").click(function() { 
    $(".dropdown").slideUp(); #slides up the currently slided down drop-down menu, if any 
    $(".dropdown#specific_to_this_link").slideDown(); 
});

關於你提到的第二個問題，如果你想父菜單摺疊起來時，單擊從菜單中的一個鏈接，這樣做：

$(".dropdown .child").live('click', function() { 
$(this).parent().slideUp(); 
});

您可以使用on，最近版本的live，現在已經摺舊了。

來源

2012-09-20 18:03:16 SexyBeast

最後得到它的工作，感謝Cupidvogel， –

DropDown菜單關閉問題

回答

相關問題