内容折叠代码/书签

1.无书签
<script language=JavaScript type=text/javascript>
<!--
function ToggleNode(nodeObject){
var obj = document.getElementById(nodeObject);
if (obj.style.display == '' || obj.style.display == 'inline') {
obj.style.display = 'none';
} else {
obj.style.display = 'inline';
}
}
-->
</script>
<a href="#" οnclick="ToggleNode('test1');" title="">文本1</a><br>
<div id="test1" style="display:none;">
需折叠文本1
</div>
<a href="#" οnclick="ToggleNode('test2');" title="">文本2</a><br>
<div id="test2" style="display:none;">
需折叠文本2
</div>


2.含书签
<script language=JavaScript type=text/javascript>
<!--
function ToggleNode(nodeObject){
var obj = document.getElementById(nodeObject);
if (obj.style.display == '' || obj.style.display == 'inline') {
obj.style.display = 'none';
} else {
obj.style.display = 'inline';
}
}
-->
</script>
<a name="1">
<a href="#1" οnclick="ToggleNode('test1');" title="">文本1</a><br>
<div id="test1" style="display:none;">
需折叠文本1
</div>
<a name="2">
<a href="#2" οnclick="ToggleNode('test2');" title="">文本2</a><br>
<div id="test2" style="display:none;">
需折叠文本2
</div>

3.书签
<a href="#1">到第1段</a>
<a href="#2">到第2段</a>
<a href="#3">到第3段</a>
<a name="1">第1段
<a name="2">第2段
<a name="3">第3段

转载于:https://www.cnblogs.com/noreen/articles/1570200.html