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 = UTF-8"/>
<Title> untitled document </title>
<Script src = "jquery_last.js" type = "text/javascript"> </script>
<Script type = "text/javascript">
$ (Document). ready (function (){});
Function hiden (){
$ ("# DivObj "). hide (); // The hide () function to hide data. A time parameter (millisecond) can also be included in the brackets. For example, hide (2000) can be hidden at a speed of 2000 milliseconds, it can also contain slow and fast
}
Function slideToggle (){
$ ("# DivObj"). slideToggle (2000); // switch the curtain effect. Click it and open it. The parameter can be left blank. The parameter description is the same as above.
}
Function show (){
$ ("# DivObj"). show (); // display, the parameter description is the same as above
}
Function toggle (){
$ ("# DivObj"). toggle (2000); // display hidden switchover. The parameters can be left blank. The parameter description is the same as above.
}
Function slide (){
$ ("# DivObj"). slideDown (); // curtain effect Expansion
}
</Script>
</Head>
<Body>
<H3> display and hide effects of div content <Input type = "button" value = "hide" onclick = "hiden ()"/>
<Input type = "button" value = "display" onclick = "show ()"/>
<Input type = "button" value = "Curtain effect display 2" onclick = "slide ()"/>
<Input type = "button" value = "Curtain effect switching" onclick = "slideToggle ()"/>
<Input type = "button" value = "Hide display effect switch" onclick = "toggle ()"/>
<Div id = "divObj" style = "display: none">
1. test example <br/>
2. test example <br/>
3. test example <br/>
4. test example <br/>
5. test example <br/>
6. test example <br/>
7. test example <br/>
8. test example <br/>
9. test example <br/>
0. test example <br/>
</Div>
</Body>
</Html>