Idle bored, see a video site on the div display and hide the effect, oneself also wrote a.
I think it's quite simple.
The front end changes the world! Hey, it's kinda a sense of accomplishment.
<!DOCTYPE HTML Public "-//W3C//DTD XHTML 1.0 transitional//en" "http://www.w3.org/TR/xhtml1/DTD/ Xhtml1-transitional.dtd "><HTMLxmlns= "http://www.w3.org/1999/xhtml"><Head><Metahttp-equiv= "Content-type"content= "text/html; charset=utf-8" /><title>Untitled Document</title><Scriptsrc= "Jquery_last.js"type= "Text/javascript"></Script><Scripttype= "Text/javascript">$ (document). Ready (function(){});functionHiden () {$ ("#divObj"). Hide ();//Hide () function, implement hidden, parentheses can also take a time parameter (ms) such as Hide (2000) At 2000 milliseconds to hide the speed, you can also take Slow,fast}functionSlidetoggle () {$ ("#divObj"). Slidetoggle ( -);//the curtain effect of the switch, point a bit, click Open, Parameters can be no, parameter description ibid .}functionShow () {$ ("#divObj"). Show ();//Display, parameter description ibid.}functionToggle () {$ ("#divObj"). Toggle ( -);//Show hidden Toggle, parameter can be no, parameter description ibid .}functionSlide () {$ ("#divObj"). Slidedown ();//Curtain Effect unfold}</Script></Head><Body><H3>Display hidden effects for content in Div</H3><inputtype= "button"value= "hidden"onclick= "Hiden ()"/> <inputtype= "button"value= "Display"onclick= "Show ()"/> <inputtype= "button"value= "Curtain effect display 2"onclick= "Slide ()"/> <inputtype= "button"value= "Toggle of Curtain Effect"onclick= "Slidetoggle ()"/> <inputtype= "button"value= "Hide display effect Toggle"onclick= "Toggle ()"/><DivID= "Divobj"style= "Display:none">1. Test examples<BR/>2. Test examples<BR/>3. Test examples<BR/>4. Test examples<BR/>5. Test examples<BR/>6. Test examples<BR/>7. Test examples<BR/>8. Test examples<BR/>9. Test examples<BR/>0. Test examples<BR/> </Div></Body></HTML>
Just copy it to the HTML file and run it.
I don't have a server, so I can't pass the demo ....
jquery's ultra-simple div display and hide effects demo