Examples for controlling the display and hiding of text content

The code copy is 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" style="display:none">

<p>Wulin.com provides the latest network programming, script programming, web page production, web design, web page special effects, and provides learning materials for webmasters and network programming practitioners</p>

</div>