Hide div on click jquery

Question

I have a problem with my script. To show div, you have to click on link. But to hide it, you can click anywhere outside of div. How can I make this div close only after clicking on link?

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

why you want $(document).click(function() { $('#hidden').fadeOut(); }); function?? — yashhy
– yashhy, Commented Nov 16, 2013 at 14:06
You already have the toggling effect on your a, just get rid of the document part. — TreeTree
– TreeTree, Commented Nov 16, 2013 at 14:06

Alessandro Minoccheri · Accepted Answer · 2013-11-16 14:05:40Z

3

try with .blur() like this:

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

DEMO

answered Nov 16, 2013 at 14:05

Alessandro Minoccheri

36.1k22 gold badges128 silver badges176 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Doge · Accepted Answer · 2013-11-16 14:08:20Z

1

I don't know much about jquery, but I changed the code on the last function to:

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

And it worked

Fiddle: http://jsfiddle.net/N4pbP/3/

answered Nov 16, 2013 at 14:08

Doge

3451 gold badge4 silver badges14 bronze badges

Collectives™ on Stack Overflow

Hide div on click jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related