javascript - 仅在下拉菜单打开时显示 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();
});

小提琴中的示例：小提琴

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();
});