basic problem in jQuery code

Question

In above link you'll find my working code. The issue is when you first click on Select For button, it'll show a list but again you click on the same button then the list should not be visible but its vice-versa.

I know, this is due to blur event applied to the list but I also want the list to be hidden when its clicked outside.

Help me to sort this minor issue..

Why not use toggle?

mplungjan
– mplungjan

2011-05-25 09:02:39 +00:00
Commented May 25, 2011 at 9:02 — mplungjan
– mplungjan, Commented May 25, 2011 at 9:02
@mplungjan: toggle is buggy in IE<9...

Vaibhav Gupta
– Vaibhav Gupta

2011-05-25 09:13:29 +00:00
Commented May 25, 2011 at 9:13 — Vaibhav Gupta
– Vaibhav Gupta, Commented May 25, 2011 at 9:13
Seriously? I had no idea. In what way?

mplungjan
– mplungjan

2011-05-25 09:42:43 +00:00
Commented May 25, 2011 at 9:42 — mplungjan
– mplungjan, Commented May 25, 2011 at 9:42

Jishnu A P · Accepted Answer · 2011-05-25 09:01:16Z

3

In your code change

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

to

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

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

});

and add this

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

Demo

answered May 25, 2011 at 9:01

Jishnu A P

14.4k8 gold badges42 silver badges52 bronze badges

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

1 Comment

Vaibhav Gupta Over a year ago

jsfiddle.net/nhmbA/6 I have edited html code little bit on your updated code.. Please, see the bug..

Ratna Dinakar · Accepted Answer · 2011-05-25 08:58:56Z

0

I have added a close label, on clicking it closes the options div

answered May 25, 2011 at 8:58

Ratna Dinakar

1,57313 silver badges16 bronze badges

Comments

Gary Green · Accepted Answer · 2011-05-25 09:19:20Z

0

hi if you change the on click function

to: $('.optnTglr').live('click', function(e){

this should help

edited May 25, 2011 at 9:19

Gary Green

22.4k6 gold badges52 silver badges76 bronze badges

answered May 25, 2011 at 8:49

Dontlose

491 silver badge6 bronze badges

1 Comment

Vaibhav Gupta Over a year ago

it'll be the same as click and also its for applying click event to dynamically added elements... not for static

Collectives™ on Stack Overflow

basic problem in jQuery code

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related