单击jquery时隐藏div

时间:2013-11-16 14:04:21

标签: javascript jquery html css

我的脚本有问题。 要显示div,您必须单击链接。但要隐藏它,你可以点击div之外的任何地方。 如何在点击链接后才关闭此div?

http://jsfiddle.net/N4pbP/

$(function() {
  $('#hidden').hide().click(function(e) {
    e.stopPropagation();
  });      
  $("a").click(function(e) {
    $('#hidden').animate({ opacity: "toggle" });

    e.stopPropagation();
  });
  $(document).click(function() {
    $('#hidden').fadeOut();
  });
});

2 个答案:

答案 0 :(得分:3)

尝试.blur()这样:

$("a").blur(function(e) {
    $('#hidden').fadeOut();
  });

DEMO

答案 1 :(得分:1)

我对jquery知之甚少,但我将最后一个函数的代码更改为:

  $document.getElementById('test').click(function() {
    $('#hidden').fadeOut();
  });

它有效

小提琴: http://jsfiddle.net/N4pbP/3/