只有在下拉列表打开时才显示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(); 
});