This article is mainly about the implementation of the jquery control of the hidden and display instances of the introduction, the need for friends can come to the reference, I hope to help you.
Code as follows: <! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <html xmlns=" http://www.w3.org/1999/xhtml "> <head> <meta http-equiv=" Content-type "content=" text/html; charset=gb2312 "/> <title>jquery</title> <script type=" Text/javascript "src=" jquery-1[1].3.2. Min.js "></script> <style type=" Text/css "> big{font-size:30px; color: #FF0000;} </style> <script type= "Text/javascript" > $ (function () {$ (' #click_event '). Click (function () { $ (' #click_ Event '). html ('); if ($ (' #hidden_enent '). Is (': Hidden ')) { $ (' #hidden_enent '). Show (); $ (' #click_event '). html (' hide '); $ (' #hidden_enent '). Hide (); $ (' #click_event '). HTML (' Display '); &NBSP}})} </script> </head> <body> <div id= "click_event" style= "Cursor:pointer" > Hidden </div> <div id= "hidden_enent" > Test hide </div> </body> </htmL>