Controlling the display and hiding of text content sample _javascript Tips

Copy Code code as follows:

<a href= "javascript:void (0);" id= "open" onclick= "document.getElementById (' content ') style= ' display:block ';
document.getElementById (' Open '). style= ' Display:none ';
document.getElementById (' hidden '). style= ' Display:block; ' style= ' Display:block ' > expand </a>
<a href= "javascript:void (0);" id= "hidden" type= "hidden" onclick= "document.getElementById (' content '). style= ' Display:none ';
document.getElementById (' hidden '). style= ' Display:none ';
document.getElementById (' Open '). style= ' Display:block '; "style=" Display:none "> Close </a>
<div id= "Content" class= "a" style= "Display:none" >
<p> Cloud community to provide the latest network programming, scripting, Web page production, web design, web effects, for webmaster and network programming practitioners to provide learning materials </p>
</div>