Copy codeThe Code is 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 (){
Response ('{click_event'{.html ('');
If ($ ('# hidden_enent'). is (': Den den '))
{
$ ('# Hidden_enent'). show ();
Certificate ('your click_event'your .html ('hiding ');
}
Else
{
$ ('# Hidden_enent'). hide ();
Response ('{click_event'{.html ('display ');
}
})
})
</Script>
</Head>
<Body>
<Div id = "click_event" style = "cursor: pointer"> hide </div>
<Div id = "hidden_enent"> test hiding </div>
</Body>
</Html>