a:5:{s:8:"template";s:11981:"<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" name="viewport"/><title>{{ keyword }}</title>
<link href="https://fonts.googleapis.com/css?family=Open+Sans%3A300%2C400%2C600%2C700&amp;subset=latin%2Clatin-ext" id="nectar_default_font_open_sans-css" media="all" rel="stylesheet" type="text/css"/>
<link href="http://fonts.googleapis.com/css?family=Raleway%3A400%2C900%2C700%2C800%2C600%2C400italic%2C500&amp;subset=latin&amp;ver=1570357925" id="redux-google-fonts-salient_redux-css" media="all" rel="stylesheet" type="text/css"/>
</head>
<style rel="stylesheet" type="text/css">@charset "UTF-8";.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;line-height:.68;font-weight:100;margin:.05em .1em 0 0;text-transform:uppercase;font-style:normal}.has-drop-cap:not(:focus):after{content:"";display:table;clear:both;padding-top:14px}.portfolio-items .custom-content .sharing-default-minimal .nectar-social[data-color-override=override] .nectar-social-inner a:not(:hover) i{opacity:1;color:#fff}.portfolio-items .custom-content .sharing-default-minimal .nectar-social-inner>.nectar-sharing:not(:hover){border-color:#fff}@media only screen and (max-width :690px){.col{margin-bottom:25px}}.nectar-social.hover.visible .nectar-social-inner a:not(:hover):nth-child(2){transition-delay:30ms}.nectar-social.hover.visible .nectar-social-inner a:not(:hover):nth-child(3){transition-delay:60ms}.nectar-social.hover.visible .nectar-social-inner a:not(:hover):nth-child(4){transition-delay:90ms}.nectar-social.hover.visible .nectar-social-inner a:not(:hover):nth-child(5){transition-delay:.12s}@font-face{font-family:FontAwesome;src:url(fonts/fontawesome-webfont.eot?v=4.2);src:url(fonts/fontawesome-webfont.eot?#iefix&v=4.2) format('embedded-opentype'),url(fonts/fontawesome-webfont.svg#fontawesomeregular?v=4.2) format('svg'),url(fonts/fontawesome-webfont.woff?v=4.2) format('woff'),url(fonts/fontawesome-webfont.ttf?v=4.2) format('truetype');font-weight:400;font-style:normal}.col{position:relative;display:block;float:left;width:100%}@media (min-width:690px){.col{margin-right:2%}}.col.col_last{margin-right:0}.col:last-child{margin-right:0}@media (min-width:690px){.span_3{width:23.5%}.span_9{width:74.5%}}a,body,div,header,html,nav,ul{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{overflow-x:hidden;overflow-y:scroll;max-width:100%}body{max-width:100%;overflow-x:hidden;background:#fff;font-family:'Open Sans',sans-serif;color:#676767;position:relative}ul{list-style:none}header,nav{display:block}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.container{margin:0 auto;position:relative}.container{max-width:880px}.row{position:relative}.col:after,.row:after{content:"";display:block;height:0;clear:both;visibility:hidden}.row{padding-bottom:24px}@media (min-width:690px){.span_3{width:23.5%}.span_9{width:74.5%}}body{font-size:14px;-webkit-font-smoothing:antialiased;font-family:'Open Sans';font-weight:400;line-height:26px}body:not(.nectar-no-flex-height){display:flex;flex-direction:column;min-height:100vh}body:not(.nectar-no-flex-height) #ajax-content-wrap{display:flex;flex-direction:column;flex-grow:1}a{color:#3555ff;text-decoration:none;transition:color .2s;-webkit-transition:color .2s}a:hover{color:inherit}.container .row:last-child{padding-bottom:0}ul{margin-left:30px;margin-bottom:30px}#header-outer nav>ul{margin:0}#header-outer{width:100%;top:0;left:0;position:fixed;padding:28px 0 0 0;background-color:#fff;z-index:9999;overflow:visible}#top #logo{width:auto;max-width:none;display:block;line-height:22px;font-size:22px;letter-spacing:-1px;color:#444;font-family:'Open Sans';font-weight:600}#top #logo:focus,#top #logo:hover{color:#000}#top{position:relative;z-index:9998;width:100%}#top .container .row{padding-bottom:0}#top nav>ul{overflow:visible;transition:padding .8s ease,margin .25s ease;min-height:1px;line-height:1px}#top nav>.buttons{transition:padding .8s ease}#header-outer #top nav>.buttons{right:0;height:100%;overflow:hidden}.sf-menu{line-height:1;float:left;margin-bottom:30px}.sf-menu{list-style:none outside none;margin:0;padding:0;z-index:10}.sf-menu{line-height:1}#top .span_9{position:static}#header-outer[data-megamenu-rt="1"].no-transition #top nav>ul>li[class*=button_bordered]>a:not(:hover):before,#header-outer[data-megamenu-rt="1"].no-transition.transparent #top nav>ul>li[class*=button_bordered]>a:not(:hover):before{-webkit-transition:none!important;transition:none!important}#header-outer:not([data-format=left-header]) #logo{transition:margin .32s ease}@media only screen and (min-width:1000px){#header-outer:not([data-format=left-header]){padding-top:0}#header-outer:not([data-format=left-header]) #top>.container>.row,#header-outer:not([data-format=left-header]) #top>.container>.row nav,#header-outer:not([data-format=left-header]) #top>.container>.row nav>ul{display:-webkit-flex;display:-ms-flexbox;display:flex}#header-outer:not([data-format=left-header]) #top .span_3,#header-outer:not([data-format=left-header]) #top .span_9{display:-webkit-flex;display:-ms-flexbox;display:flex;float:none;width:auto}#header-outer:not([data-format=left-header]) #top nav>.buttons{overflow:visible;height:auto}#header-outer:not([data-format=left-header]) #top nav>ul{float:none;display:inline-block;vertical-align:middle}}@media only screen and (max-width:999px){#top .col.span_9{text-align:right;line-height:0}}#header-outer .row .col.span_3,#header-outer .row .col.span_9{width:auto}#header-outer .row .col.span_9{float:right}.col{position:relative;float:left}@media all and (-ms-high-contrast:none){::-ms-backdrop{width:100%}}.post-area.standard-minimal .post .article-content-wrap .meta-category a:not(:hover),.post-area.standard-minimal .post .article-content-wrap .meta-comment-count a:not(:hover){color:#aaa}.post-area.standard-minimal .post .article-content-wrap .meta-category:not(:hover) i,.post-area.standard-minimal .post .article-content-wrap a:not(:hover) i:not(.loved){color:#c1c1c1}.post-area.standard-minimal .post .article-content-wrap .flex-direction-nav a:not(:hover) i:not(.loved),.post-area.standard-minimal .post .article-content-wrap .meta-category:not(:hover) .flex-direction-nav i{color:#fff}@media only screen and (min-width :690px) and (max-width :999px){.container{max-width:600px}}#footer-outer{color:#ccc;position:relative;z-index:10;background-color:#252525}#slide-out-widget-area-bg{-webkit-backface-visibility:hidden;background-color:rgba(0,0,0,.8);position:fixed;height:1px;width:1px;opacity:0;left:0;top:0;z-index:9996}#slide-out-widget-area-bg .bg-inner{width:100%;height:100%;background-color:rgba(0,0,0,.8)}#slide-out-widget-area-bg.fullscreen-alt{padding:20px;background-color:transparent;transform:none!important;-webkit-transform:none!important;will-change:opacity,padding}body #slide-out-widget-area-bg.fullscreen-alt{transition:padding .3s cubic-bezier(.215,.61,.355,1),opacity .25s ease;-webkit-transition:padding .3s cubic-bezier(.215,.61,.355,1),opacity .25s ease}body #slide-out-widget-area-bg.fullscreen-alt.solid{opacity:0}#slide-out-widget-area-bg.fullscreen-alt{transform:translateY(-100%);-webkit-transform:translateY(-100%);opacity:1;display:none}#slide-out-widget-area-bg.fullscreen-alt{display:block;left:-100%}#slide-out-widget-area-bg.fullscreen-alt.solid{opacity:1}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OXOhs.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFW50e.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOXOhs.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOXOhs.ttf) format('truetype')}@media only screen and (min-width:1300px){.container{max-width:1100px}}@media only screen and (min-width :690px) and (max-width :999px){.span_3,.span_9{width:100%;margin-left:0}.col{margin-bottom:25px}#header-outer .col{margin-bottom:0;margin-right:0}.container{max-width:600px}}@media only screen and (max-width :690px){.container{max-width:320px}.col{margin-bottom:25px}#header-outer .col{margin-bottom:0}}@media only screen and (min-width :1px) and (max-width :999px){body #header-outer{margin-bottom:0;padding:12px 0}body #header-outer{position:relative}#header-outer #logo{top:0;left:0}#top .col.span_3{left:0;top:0;z-index:100;width:100%}#top .col.span_3{position:relative}#header-outer #top .col.span_3{line-height:0}#header-outer #top .col.span_3 #logo{vertical-align:middle}#top .col.span_9{margin-left:0;margin-bottom:0;width:100%!important;float:none;z-index:100;position:static}#top .col.span_9{min-height:0;width:auto!important;position:absolute!important;right:0;top:0;z-index:2000;height:100%}#header-outer #top nav>ul{width:auto;padding:15px 0 25px 0;margin:0 auto 0 auto;z-index:100000;position:relative}#header-outer #top nav{display:none!important}#top{height:auto!important}}@media only screen and (max-width:321px){.container{max-width:300px}}@media only screen and (min-width:480px) and (max-width:690px){body .container{max-width:420px}}@media screen and (max-width:782px){body{position:static}}.container:after,.container:before,.row:after,.row:before{content:" ";display:table}.container:after,.row:after{clear:both} body a{color:#22bbf2}#slide-out-widget-area-bg.fullscreen-alt .bg-inner{background-color:#22bbf2}body{background-color:#fff}body{color:#000}body #slide-out-widget-area-bg{background-color:rgba(0,0,0,.4)}@media only screen and (min-width:1000px){#header-outer #logo{margin-top:28px;margin-bottom:28px;position:relative}}body #header-outer{background-color:rgba(0,0,0,.1)}body{font-family:Raleway;font-size:16px;line-height:30px;font-weight:400}@media only screen and (max-width:1300px) and (min-width:1000px){body{font-size:16px;line-height:30px}}@media only screen and (max-width:999px) and (min-width:690px){body{font-size:16px;line-height:30px}}@media only screen and (max-width:690px){body{font-size:16px;line-height:30px}}@font-face{font-family:Raleway;font-style:italic;font-weight:400;src:local('Raleway Italic'),local('Raleway-Italic'),url(https://fonts.gstatic.com/s/raleway/v14/1Ptsg8zYS_SKggPNyCg4TYFv.ttf) format('truetype')}@font-face{font-family:Raleway;font-style:normal;font-weight:400;src:local('Raleway'),local('Raleway-Regular'),url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyC0ISg.ttf) format('truetype')}@font-face{font-family:Raleway;font-style:normal;font-weight:500;src:local('Raleway Medium'),local('Raleway-Medium'),url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwN4rWqZPBQ.ttf) format('truetype')}  </style>
<body class="nectar-auto-lightbox ascend wpb-js-composer js-comp-ver-5.7 vc_responsive">

<div id="header-space"></div>
<div id="header-outer">
<header id="top">
<div class="container">
<div class="row">
<div class="col span_3">
<a class="no-image" href="#" id="logo">
{{ keyword }}
</a>
</div>
<div class="col span_9 col_last">
<nav>
<ul class="sf-menu">
</ul>
<ul class="buttons sf-menu" data-user-set-ocm="off">
</ul>
</nav>
</div>
</div>
</div>
</header>
</div>
<div id="ajax-content-wrap">
{{ text }}
<div id="footer-outer">
{{ links }}
</div>
<div class="fullscreen-alt solid" id="slide-out-widget-area-bg">
<div class="bg-inner"></div> </div>
<div class="inner-wrap">
<div class="inner">
{{ keyword }} 2021
</div>
</div> 
</div> 
</body>
</html>";s:4:"text";s:15513:"You may have drop down menus that you want to close when a user interacts with other things on the page. !I'm trying to use it in a gallery whith 3 pictures for each row ("dhtmlgoodies_question" divs) and a bunch of rows. Our first demo is a basic (and far from perfect) implementation of a dropdown menu that opens after clicking one of the top-level menu items. But if they click outside of the box element, then we hide it by using the classList.add method to add the .js-is-hidden CSS class (with the display: none property) that we created earlier. The Element.closest API However, if you need to detect clicks outside of your component, things are getting tricky. Then we come to the modal itself. Through this example, we are going to close or hide div using Jquery when a click action occurs outside of that element on which the DIV was produced by clicking. Here event is the Browser Click Event from where the click event is triggered. Using javascript onclick () with two buttons ('show' and 'hide', each in their own DIVs), it would work something like this: By default, the 'show' button is hidden, the main DIV and hide button are displayed. If there are no ancestors, it means that the click was outside the element. The div has an id value used in the JavaScript. First, you must create the DIV on your page (it can be invisible to start). For example, you can click outside, double-click outside, mouse-over outside, focus outside (and over ten more default “outside” events). I want to make it so that it closes if the user clicks either search or anywhere outside the .search-result div, can anyone help me with this? event target outside then hide js. When the close button is clicked, we want to hide the modal. One way that we can handle the interaction of clicking outside the menu to close it is by adding a click event listener to this common parent, so that we can click anywhere to close the menu. Clicked event within the menu is not an the target of the clicked element by using .closest(). That function then closes with that value safely tucked away, and can then return its corresponding number when the onclick event is being called. The forums ran from 2008-2020 and are now closed and viewable here as an archive. Regarding the animations, you can simply redefine them from A to Z. hi . For those who don’t know what a modal-backdrop is, the answer is that its a div appended whenever a bootstrap modal appears by the modal plugin so as to provide a click area for dismissing shown modals when clicking outside the modal.In short its that translucent dark background behind a bootstrap modal. If caused by a click, the clicked element is available as the relatedTarget property of the event. You can do that by adding this to your code. ion-modal. If the user clicks inside the box element (event.target.closest), then do nothing (thatâs the return; part). This method is a shortcut for .on ( "click", handler ) in the first two variations, and .trigger ( "click" ) in the third. There Are Two Type Of Code Added Below, One On To OPEN On Click And Other Is To CLOSE On Click, Just Pick Any Or Both According To Your Desire. There are all sorts of other use cases for such a feature: when closing dropdown lists. Today, Iâm going to show you how to check if a click was outside of an element. onclick outside div jquery. Note that this could happen if the user presses the escape key or clicking outside the modal. In jQuery, you can use the .toggle () method to toggle an element, any element. ... the problem being that Twitter Bootstrap Popovers don’t close when you click outside to anywhere else on the document. I'm attaching my php test file but this is a JS problem. JavaScript code snippet to show or hide div on button click event using JavaScript, JavaScript code to show/ hide div. The solution here is that the inner function of what’s applied to the onclick event create a closure where it references the parameter num, i.e. You’ll notice in the example above that although the menu opens if you click on the panel the menu closes. Clicking the 'hide' button hides main DIV and 'hide' button itself, displays the 'show' button. Here is a simple way to do so. It uses more or less the same technique. But can we import the division to be displayed from another website Eg. In our case close the popover. From the plugin page: With jQuery outside events you can bind to an event that will be triggered only when a specific “originating” event occurs outside the element in question. Some collapsible content. In this article we will discuss different way of show and hide (open and close) modal popup by using Ajax ModalPopupExtender, how to open/close a modal popup from code behind in asp.net or by using JavaScript, how to use multiple buttons to hide the modal popup in asp.net etc. Second, you need a script function to make the DIV appear & disappear and change it's contents and location. Second, you need a script function to make the DIV appear & disappear and change it's contents and location. hi. When the dark background is clicked, we want to also hide the modal. Answer: Use the jQuery on() method. However, users navigating a site via a keyboard and/or screenreader need a lot I want to add close option on right top. To make our modal popup actually work, we will be using a very tiny amount of pure, vanilla JavaScript. [/code] The [code ].stopPropagation() [/code]method stops the events from bubbling to parent elements. We applied a CSS3 transformation - precisely we used the translateX property - to the .cd-panel__container to make it slide-in. You basically need to bind a click event to the widget so it closes the active dialog. When any of the Buttons are clicked, the ShowHideDiv JavaScript function is executed inside which based on whether the Yes or No Button is clicked, the TextBox will be shown or hidden respectively using JavaScript. The .closest selector traverses up the DOM to find the parent that matches the conditions. If the user clicks on any of these elements, the function will return false. Also we are handling the initial state of the component for visibility and reference of the component to detect outside click. How could be done so that when user click on it box should be disabled. If it is not, then the clicked element is outside of the #menucontainer and you can safely hide it. Position To change the position of the modal add one of the following classes to the .modal-dialog Top right: .modal-side + .modal-top-right Top left: .modal-side + .modal-top-left Bottom right: .modal-side + .modal-bottom-right Bottom left: .modal-side + .modal-bottom-right Note: If you want to change the direction of modal animation, add the class .top, .right, bottom or .left to the .modal div. An outside click is a way to know if the user clicks everything BUT a specific component. This time, we won’t hide the div when it’s hovered but when it’s clicked. Any HTML element can receive this event. In this tutorial, we will learn how to trigger click events on an element when we click outside of that element container in Angular. Find answers to close onclick outside the div from the expert community at Experts Exchange I have this script to close a div when I click outside of it. So here you can find out how to close popup window automatically with JavaScript. For example, you can click outside, double-click outside, mouse-over outside, focus outside (and over ten more default “outside… How to prevent Bootstrap modal from closing when clicking outside - The backdrop or dark area will close and disappear when we click outside of the Bootstrap modal window. I have a aspx page with two buttons and a 2 div below. and thanks in … click outside of div to close. hide.coreui.modal However, it can be anywhere in the BODY area of the web page. jquery detect click outside div. Works beautifully and helped keep my theme’s JavaScript footprint as small as possible. Because of the event's general utility, jQuery simulates this event so that it can be used regardless of browser. This simple modal popup will less impact on page load time than the jQuery plugin. You can also close it by clicking outside of the modal (see example below). This is one of the common problems developers face when they start learning JavaScript. If the user clicks outside of these elements, the function will return true. The click event is sent to an element when the mouse pointer is over the element, and the mouse button is pressed and released. Later I will click on buttons then based on the button I have to open a div. In the above example, we can open the modal by clicking a button and then can close it by clicking the close button or the “X” sign of the modal. Step 3: Detect if the click happened outside of the window We can know where the click happened based on event.target. Use the following code to detect outside click events. JavaScript: Detect click outside of an element. Now I want to generalize this jQuery code, to also close the menus when clicking outside the popup. It has a header which displays the title along with a button that can be used to close … We add it to the end, because if we were to add it before the code that checks (see above) the cookie, it would hide the first message from the start. I reversed it (initial state with height of 0px then applied height to the div to reveal) and used it to create pure CSS reveal on click search box for my minimal style theme. It listens for clicks that occur somewhere in the document. You can check out a demo and the full code on codepen. nice one, i like it. A React development environment set up with Create React App, with the non-essential boilerplate removed. Close a Modal To close a modal, add the w3-button class to an element together with an onclick attribute that points to the id of the modal ( id01 ). Modal Dialogs are a tricky thing to make accessible. On your modal, add the v-click-outside directive and points it at a function to call when clicked outside. when you click one of the pictures it slides another div with some information of the picture ("dhtmlgoodies_answer"). Description: In previous articles I explained jquery show popup window during pageload, jquery simple modal popup window example, jQuery show alert message while leaving from website, jQuery enable / disable controls on page, jQuery Countdown timer script example and many articles relating to JQuery and asp.net.Now I will explain how to implement simple jQuery ui modal popup window example. Use jQuery mouseup event (.mouseup ()) with target property (event.target) to detect click event and hide div when clicking outside of the specific element. Notice how the menu stays open even when clicking anywhere inside the dropdown or selecting text? JavaScript koder August 28, 2015, 9:01am #1 Hello, I had written a code to close the menu when clicking outside, but it's not working can anyone tell what's wrong in my code. @Tallboy, I appreciate your perspective here. jstauber. To Close A Div Code:-<!-- This Is A CopyRight Code.It Is Free To Use But With HTML Design Code. I left everything the way I had it, but added event.stopPropagation() to all of my click events within my component to prevent the click from bubbling up and left the window.addEventListener() really simple to just close the popup if a click event ever gets that far, which solved my issues with comparison checks. Detecting clicks on a component is easy in Angular 2: Just use the (click) event binding, pass a function from the component’s instance and you are done. By the end of this article, you will know what causes this issue and some of the ways to fix it. Topic: JavaScript / jQuery Prev|Next. Our own cancel button uses the same function to close the modal …  1.5 kB gzipped. When the trigger is clicked, we want to show the modal. Here we added a click event listener to the entire window to detect the click anywhere on the window. If the modal is null at first and it gets clicked, we set the display to block and the modal variable to true to show the modal, and if the close button is clicked, we then set the display to none and the modal variable to null to remove the modal. The .closest and .find selectors are complements of each other and used together are the best way to get to the corresponding element of where the click (or any event) occurred.. From the documentation (paraphrased):. JavaScript Code. Stopping event propagation is not just something recommended by bad Stack Overflow answers; itâs also found in some of the most popular libraries in use today. home > topics > javascript > questions > hide div tag if outside of div is clicked on Post your question to a community of 468,411 developers. When the trigger is clicked, we want to show the modal. Click away listener. While searching on the web there are a lot of You can listen for a click event on document and then make sure #menucontainer is not an ancestor or the target of the clicked element by using.closest (). hiding a div on click anywhere outside of it. Click the button to toggle between showing and hiding the collapsible content. Even though we can accomplish everything in server side programming using C#, it is still advisable to do some of the things like validations, etc in clientside using JavaScript. Detect click outside a react component. Click here to see full code (Github project). Show or Hide Div content when click on Button or text Sometime we are willing to show some content only after clicking on submit button or text and hide it back on clicking on the same button or text it’s useful when you have bunch of Details information that needs a lot of space and you want to give users to chose if they want to see this details For this tutorial, I am going to create a button to open a popup window and a JavaScript function to close that window after few seconds automatically. In the above example, we can open the modal by clicking a button and then can close it by clicking the close button or the “X” sign of the modal. In these case, we need to show and hide the Bootstrap Modal via JavaScript or jQuery. By default the divs will be hidden; once they are clicked… Note: When history support is turned on, pressing the browser's "Back" button will dismiss the popup even if this option is set to false. Close Ajax ModalPopUpExtender on Background click outside the popup window in asp.net using JavaScript Lalit Raghuvanshi Introduction : In this article i am going to share the code trick to close/hide modal popup extender control of Ajax on clicking on the screen outside the popup window i.e. Close A Div When Clicking Outside Of It. Reason: Moved to Window Forum. How to hide dropdown menu on click outside of the element in jQuery. How To Create a Popover. Detect if a click event happened outside of an element. notelem (Not Elem) is the element (or multiple elements) that you check if clicked. Result JS output CSS output. This method returns the first ancestor of the selected element in the DOM tree. When we call showMenu, let’s also add an event listener to document. To create a popover, add the data-toggle="popover" attribute to an element. clickout is a pure JS library which detects the Click Outside event and removes a CSS class from a given element when you click outside of the element. I actually want to close the menu as soon as we click outside the menu. ";s:7:"keyword";s:37:"click outside div to close javascript";s:5:"links";s:601:"<a href="https://royalspatn.adamtech.vn/iprdnu/hospitalist-taxonomy-code">Hospitalist Taxonomy Code</a>,
<a href="https://royalspatn.adamtech.vn/iprdnu/intensive-property-in-a-sentence">Intensive Property In A Sentence</a>,
<a href="https://royalspatn.adamtech.vn/iprdnu/st-lawrence-centre-redevelopment">St Lawrence Centre Redevelopment</a>,
<a href="https://royalspatn.adamtech.vn/iprdnu/heavenly-donut-company-delivery">Heavenly Donut Company Delivery</a>,
<a href="https://royalspatn.adamtech.vn/iprdnu/birthday-wishes-for-father-and-son-together">Birthday Wishes For Father And Son Together</a>,
";s:7:"expired";i:-1;}