Javascript離開下拉菜單打開

大家好我在我們的網站上使用了一個下拉菜單，並且它工作正常，除非您激活其中一個下拉菜單，您還可以激活任何其他下拉菜單，而沒有前一個下拉菜單它看起來很凌亂。任何人都可以請建議一種方法，使您的前一個菜單關閉，當你點擊另一個？Javascript離開下拉菜單打開

這裏是我的腳本

<script type="text/javascript"> 

     function DropDown(el) { 
      this.dd1 = el; 
      this.initEvents(); 
     } 
     DropDown.prototype = { 
      initEvents : function() { 
       var obj = this; 

       obj.dd1.on('click', function(event){ 
        $(this).toggleClass('active'); 
        event.stopPropagation(); 
       }); 
      } 
     } 

     $(function() { 

      var dd1 = new DropDown($('#dd1')); 

      $(document).click(function() { 
       // all dropdowns 
       $('.wrapper-dropdown-5').removeClass('active'); 
      }); 

     }); 

    </script>

這裏是HTML

<div id="dd1" class="wrapper-dropdown-5" tabindex="1">School Information 
<ul class="dropdown"> 
<li><a href="../pdf/schoolinfo/tariff_list_break_and_breakfast_16.pdf" target="_blank"><i></i>Break and Breakfast Price List</a></li> 
<li><a href="../pdf/schoolinfo/bustimes-jan16.pdf" target="_blank"><i> </i>Bus Timetables</a></li>

非常感謝

Ĵ技術

來源

2017-02-16 J Tech

請發佈完整的代碼，以便我們提供幫助。 – Venky

試試'$（'。wrapper-dropdown-5'）。blur（）' –

你能創建一個小提琴，所以我們可以看到它在行動 –

，而無需刪除一個類時，你需要模糊選擇：

$('.wrapper-dropdown-5').blur()

來源

2017-02-16 14:44:20

的佈局我剛剛嘗試過這並沒有什麼區別 –

我認爲你正在尋找手風琴菜單。這裏是例子。 Demo Download

來源

2017-02-16 14:54:18

沒有感謝，雖然它只是一個按鈕，下拉列表鏈接 –

Javascript離開下拉菜單打開

回答

相關問題