我目前在我的网页中添加了一个可折叠的段落功能。我使用了在http://www.javascriptsource.com/miscellaneous/expand-collapse-paragraph.html#comment_listing上找到的代码。基本上,我有一个很长的段落在单击按钮之前是隐藏的,但是您必须一直滚动到顶部才能单击同一个按钮以折叠该段落。我想知道是否有一种方法可以在段落末尾添加一个“关闭”按钮,这样我就不必滚动到顶部。
谢谢你。
以下是 js、css 和 html 文件的代码:
CSS
input.button {
color: #fff; background: #0034D0;
font-size: .8em;
font-weight:bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: solid 1px #ffcf31;
}
名为:expandCollapse.js 的外部 JavaScript 文件
function toggleMe(a){
var e=document.getElementById(a);
if(!e)return true;
if(e.style.display=="none"){
e.style.display="block"
} else {
e.style.display="none"
}
return true;
}
实际段落之前的 HTML 文档的 BODY 部分
<center><input type="button" class="button" onClick="return toggleMe('para1')" value="Animation Characters Guide"></center>
<div id="para1" style="display:none">
</div>
如果我想添加一个“关闭”按钮,它会是一个“a href”标签吗?