只有在下拉列表打開時才顯示div。

Question

我需要特定的div才能在特定下拉列表打開時顯示。我能得到的最接近的變化是展示div，但這不是我所需要的。當下拉菜單關閉時，div應該與它一起隱藏，所以要進行綁定？有任何想法嗎？提前致謝。

http://jsfiddle.net/v2JSN/

HTML

<select class='ddInfo'> 
     <option>option 1</option> 
     <option>option 2</option> 
     <option>option 3</option> 
    </select> 


<div class='info'> 
    only showing while dropdown is open 
</div> 

jQuery的

$('.ddInfo').change(function(){ 
    $('.info').show(); 
}); 

Answer 1

使用jQuery中的focusOut事件與click事件相結合。

$('.ddInfo').on('click', function() { 
    $('.info').show();  

}）;

$('.ddInfo').on('focusout', function() { 
    $('.info').hide(); 
}); 

實例小提琴：fiddle

Answer 2

這適用於小提琴，被選中的選項，即使正常工作

$('.ddInfo').click(function(){ 
    $('.info').toggle(); 
}); 

$('.ddInfo').blur(function(){ 
    $('.info').toggle(); 
}); 

http://jsfiddle.net/r47kK/1/

編輯檢查更新的小提琴鏈接http://jsfiddle.net/r47kK/3/

$('.ddInfo').click(function(){ 
    $('.info').toggle(); 
}); 

$('.ddInfo').hide(function(){ 
    $('.info').toggle(); 
});