实现目的:点击指定按钮时显示/隐藏另外一个元素,,同时按钮自身状态或内容也随之改变。。
<script type="text/javascript">function Switch(switch_con,switch_btn){ var Element = document.getElementById(switch_con); var flag = switch_btn; var curStyle=Element.style.display; if (curStyle != 'block') { newStyle = 'block'; flag.innerHTML = '隐藏'; } else { newStyle = 'none'; flag.innerHTML = '显示'; }; Element.style.display = newStyle;}</script>
调用方式:<a id="btn" href="javascript:;" onclick="Switch('content',this)">显示</a>,第一个参数是要显示/隐藏的元素ID,第二个是Dom对象,,