show hide div

Click the non-div area to hide the Div, and click the Circle Avatar (. person-msg) pops up the White bottom box (. Person-centre). Click outside the circle icon to hide the white bottom boxHTML codeDivclass= "Per_c"> Divclass= "Person-msg pull-right"> imgsrc=".. /.. /res/images/snow_man.jpg ">

DOCTYPE HTML> HTML> Head> MetaCharSet= "UTF-8"> Scripttype= "Text/javascript"src= "Js/jquery.min.js">Script> title>title> Scripttype= "Text/javascript">$ (document). Bind ('Click', function(e) {vare=e||window.event;//Browser Compatibility varElem=E.target||e.srcelement; while(elem) {//loop judgment to the node, prevent the click is div child element if(Elem.idelem.id== 'Tes

This article is a performance test of jquery's various show/hide methods. The authors tested the phrase from Robert Duffy's jquery conference at San Francisco: ". Hide () and. Show () are slower to execute than direct changes to CSS." But the author did the test by failing to find Robert Duffy to ask why. The following

Excerpt from: http://www.crackedzone.com/jquery-click-div-outside-hide-div.htmljquery itself has no such event, and to achieve this, we first have to understand the event bubbling in JavaScript.Bubble definition: When an event on an element is triggered, such as a mouse click on a button, the same event will be triggered in all ancestor elements of that element. This process is known as event bubbling, whic

The visibility of div can control the display and hiding of div, but the page is blank after hiding: Style = "visibility: none ;" Document. getElementById ("typediv1 ").Style. visibility = "hidden"; // Hide Document. getElementById ("typediv1 ").Style. visibility = "visible"; // Display By setting the display attribute, you can

When you click a place outside the div to hide and disappear the div window, there are many implementation methods. This article will introduce how to implement jquery, if you are interested, do not miss out. If you use jquery, click the place outside p to hide and disappear the p window. The Code is as follows:

When you click a place outside the div to hide and disappear the div window, there are many implementation methods. This article will introduce how to implement jquery, if you are interested, do not miss out. If you use jquery, click the place outside p to hide and disappear the p window. The Code is as follows:

This article mainly introduces how to use JavaScript to hide the div area outside the div area. The principle and sample code are as follows. First, let's look at the js event model. The JS event model is bubbling up, for example, after an onclick event is triggered on a DOM element, the event will be propagated along with the node until a click event is bound to

Method one.Method Two.pageencoding= "UTF-8"%>How to click on the outside of the div to hide this div ah look for a long time, are not very good solution

Use JS to make a check box box, left to display Div, right to hide div

Divclass= "Row Ng-scope"> Divclass= "Col-lg-12"> H1class= "Page-header">More informationH1> Div> /.col-lg-12 -Div>Divclass= "Panel Panel-default">Divclass= ' panel-heading '> Divclass= "Btn-group pull-right"> aNg-click= "Selecttype=1"class= "btn btn-primary btn-xs">spanclass= "Glyphicon glyphicon-edit">span>a> aNg-click= "Selecttype=0"class= "btn btn-success btn-xs">spancl

jquery implementation of mouse click div outside the div window hidden disappeared Copy Code code as follows: Click the blank place to specify that the div hide disappears Copy Code code as follows: class= "Bigpic" is shown or hidden div