How to close overlay on click

  • I’m using a full screen overlay on my site, which currently (the js below) closes only when you click the #trigger-overlay. I need it to close when you click anywhere on the screen. Can someone help edit this below to accomplish that?

    jQuery(function($){$("#trigger-overlay").click(function(){$('.overlay .search-form input[type="search"]').focus(),$("#trigger-overlay").hide()}),$(".overlay-close").click(function(){$("#trigger-overlay").show()})});

Viewing 1 replies (of 1 total)
  • vidhumohan

    (@vidhumohan)

    You can use as,

    $(document).on(“click”, function () {
    $(“#trigger-overlay”).hide();
    });
    $(“#trigger-overlay”).click(function(event){
    event.stopPropagation();
    $(‘.overlay .search-form input[type=”search”]’).focus(),$(“#trigger-overlay”).hide()}),$(“.overlay-close”).click(function(){$(“#trigger-overlay”).show()});

Viewing 1 replies (of 1 total)
  • The topic ‘How to close overlay on click’ is closed to new replies.