The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Click outside to close login box

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #173655


    Couple of questions and this Pen….

    1. When the page opens the login pop out is already, you know, popped out. How would I set it so that it is hidden upon page open?
    2. How would I set it so that you can click outside of the login box (anywhere on screen) to close it instead of having to press the sign in button to close?

    Many thanks,

    1. Toggle it before the user does on page load / DOM ready $('#login').toggle();. You could set it to `display: none’ in CSS but if JavaScript is disabled they’ll never see the login box.
    2. See: and there is a small section that has a snippet:

    $(document).on('click', function(event) {
      if (!$('#menucontainer').length) {
        // Hide the menus.

    Which basically says “if the user didn’t click within #menucontainer then // Hide the menus“.


Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.