Question

Hi I use this simple jquery :

  $(document).ready(function(e) { 
    $("#langs_current").click(function(){    
        $("#langz").toggle(350);  
     });
   });

Currently the new div#langz is showing/hidding as I need it, but this happens only when I click on the link #langs_current.

I need it to autohide if user click out of those links. What is the best way ?

Answer 1

you can add a click event to the body of the page that would check a flag to see if you are currently showing or hiding the div#langz.

var hideLangz = false;

$(document).ready(function(e) {  
  $("#langs_current").click(function(){     
    $("#langz").toggle(350);   
    hideLangz = true;
  });

  $("body").click(function(){     
    if (hideLangz) {
      $("#langz").toggle(350);   
      hideLangz = false;
    }
  });
});