Example of how jquery judges the current status of toggle

The code is as follows:	Copy code
If ($ ("# phpernote"). is (": hidden ")){ // The current hide status } Else { // The current status is show. }

The above can also be replaced by slideToggle

The code is as follows:	Copy code
$ (This). slideToggle ("slow", function (){ If ($ (this). is (': Den ')){ Alert ("hidden "); } });

The callback function is used to determine whether the current element is hidden.

Reset toggle status

The code is as follows:	Copy code
$ ('# Toggled'). toggle (fn1, fn2 ); $ ('# Clear'). click (function (){ $ ('# Toggled'). unbind ('click'). toggle (fn1, fn2 ); });

For example, when you click a button or an element, hide and display the other element.

In jQuery, toggle () is very simple for us;
We will use two buttons bnt1 and btn2 before:

The code is as follows:	Copy code
$ (". Btn1 "). click (function () {$ ("p "). hide () ;}); $ (". btn2 "). click (function () {$ ("p "). show ();}); After using toggle (), click it to display and hide the image; $ (". Btn1"). click (function () {$ ("p"). toggle ();});