1. Writing JS functions
<script type= "Text/javascript" >
function display (y) {$ (Y). style.display= ($ (y). style.display== "None")? "": "None";
function $ (s) {return document.getElementById (s);}
</script>
2. HTML element to show/hide plus id attribute
<table>
<tr id= "Menu" >
<td> control the show/hide of this TR </td>
</tr>
</table>
3, add buttons, links, etc trigger JS function
<input type= "button" onclick= "Display (' Menu ')" value= "Show/Hide"/>
<a href= "#" onclick= "Display (' Menu ')" > Show/Hide </a>
JavaScript shows hidden layers <div id= "layer" style= "display:none;" > Advertising </div>
<input type= "Botton" onclick= "display (layer)" >
Two: JavaScript controls hidden display of page controls
JavaScript controls the two ways that page controls hide the display, except that they are still occupied on the page after the control is hidden
method One:
document.all["Panelsms"].style.visibility= "hidden";
document.all["panelsms"].style.visibility= "visible";
Method Two:
document.all["Panelsms"].style.display= "none";
document.all["panelsms"].style.display= "inline";
Method hides the position of the page after it is occupied by the control just does not show
Method two hide the position of the page is not occupied
