This article mainly introduces the simple example of closing the pop-up layer by clicking jQuery outside of itself. If you need it, you can refer to it and hope to help you. The main function is to Click Show, then, the display effect can be closed by clicking any location on the page, mainly $ (document ). click Function
There are usually some pop-up layers in the development process. After the pop-up, it is automatically closed when you click somewhere else on the page. The following code is used:
HTML code:
The Code is as follows:
Click
Show-area
CSS code:
. Hide {display: none ;}
JS Code
The Code is as follows:
$ (Document). ready (function (){
$ ("P. down"). click (function (e ){
E. stopPropagation ();
$ ("P. con"). removeClass ("hide ");
});
$ (Document). click (function (){
If (! $ ("P. con"). hasClass ("hide ")){
$ ("P. con"). addClass ("hide ");
}
});
});
OK. Test it locally and modify the css style!