第一個下拉式隱藏第二個下拉式點擊事件

我在單頁中使用了2個codrops dropdwon菜單。當用戶點擊第二個下拉菜單時，我想關閉第一個下拉菜單。第一個下拉式隱藏第二個下拉式點擊事件

我在我的項目中使用下面的代碼。

<select id="Select1" class="cd-select"> 
    <option value="-1" selected>Menu 1</option> 
    <option value="7" >subMenu1</option> 
    <option value="8" >subMenu2</option> 
    <option value="9" >subMenu3</option></select> 

// 2nd Menu 
<select id="Select2" class="cd-select"> 
    <option value="-1" selected>Menu 2</option> 
    <option value="2" >subMenu1</option> 
    <option value="5" >subMenu2</option></select>

.aspx頁面中Java腳本

<script type="text/javascript"> 
    $(function() { 
     $('#Select1').dropdown({ 
      gutter: 5, 
      stack: false, 
      delay: 100, 
      slidingIn: 100 
     }); 
     $('#Select2').dropdown({ 
      gutter: 5, 
      stack: false, 
      delay: 100, 
      slidingIn: 100 
     }); 
    }); 
</script>

我想關閉Select1當用戶點擊Select2。請給我建議如何做到這一點。幫幫我。

JSFiddle here

來源

2014-09-19 prog1011

請不要包含你正在使用插件的代碼庫中。我們只需要你寫的代碼。 – 2014-09-19 10:39:10

更新：檢查這個問題的答案： jquery drop down menu closing by clicking outside

我把它添加到您的小提琴，它的工作原理，但在功能上的下拉菜單中失去了佈局。您可以嘗試在單擊另一個下拉列表時調用hide（）函數，而不是$（document）。

來源

2014-09-19 10:51:33 FDM

實際上我想關閉第一個下拉菜單 - 不要關閉那個下拉菜單 – prog1011 2014-09-19 10:55:14

請參閱我的更新回覆 – FDM 2014-09-19 12:45:39

我得到了解決方案 - 我只是把這個代碼放在document.ready()函數裏面，它可以工作。

$('.cd-dropdown').click(function() { 
$('.cd-active').not($(this)) 
     .removeClass('cd-active') 
     .children('ul').css('height', 'auto') 
     .children('li').css('top', 0);});

感謝

來源

2014-09-20 10:39:33 prog1011

第一個下拉式隱藏第二個下拉式點擊事件

回答

相關問題