jQuery代码中的基本问题

Question

http://jsfiddle.net/nhmbA/

在上面的链接中，您将找到我的工作代码。 问题是，当您第一次点击Select For按钮时，它会显示一个列表但是再次点击相同的按钮，然后列表不应该可见，反之亦然。

我知道，这是由于blur事件应用于列表，但我也希望列表在外部点击时隐藏。

帮我解决这个小问题..

Answer 1

在您的代码更改中

$('.tglrOptns').blur(function(){
    $(this).css('display', 'none').siblings('.optnTglr:first').removeClass('seltd');
});

到

$('body').click(function(e){

    $('.tglrOptns').css('display', 'none')
     .siblings('.optnTglr:first').removeClass('seltd');

});

并添加此

$('.tglrOptns').click(function(e){
e.stopPropagation();
});

Demo

Answer 2

如果您更改了点击功能

，请执行

于：      $（'。optnTglr'）。live（'click'，function（e）{

这应该有帮助

Answer 3

我添加了一个贴纸标签，点击它会关闭选项div