Sunday, 15 September 2013

jquery - Close toggle box by clicking anywhere else? -



jquery - Close toggle box by clicking anywhere else? -

i have simple open close toggle box, fiddle here , wondered if closed clicking anywhere else on site (as current button) (not link) whitespace, anywhere etc..

$(document).ready(function() { $('a.show_hide').click(function() { $('.hidden-menu').toggle(); $(this).toggleclass('close'); }); });

this need: http://jsfiddle.net/5jzud/9/

$(document).ready(function() { $(document).on('click',function(clickposition){ if (!$('.hidden-menu, a.show_hide').is(clickposition.target) && $('.hidden-menu').has(clickposition.target).length === 0){ $('.hidden-menu').hide(); $('a.show_hide').addclass('close'); } else{ if($('a.show_hide').is(clickposition.target) && $('.hidden-menu').css('display')!='none'){ $('.hidden-menu').hide(); $('a.show_hide').addclass('close'); return; } $('.hidden-menu').show(); $('a.show_hide').removeclass('close'); } }); });

jquery toggle

No comments:

Post a Comment