1

我目前在我的网页中添加了一个可折叠的段落功能。我使用了在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”标签吗？

4

1 回答 1

1

如果我想添加一个“关闭”按钮，它会是一个“a href”标签吗？

是的，您可以使用链接：

<a href="#" onclick="toggleMe('para1'); return false"> hide </a>

或者您可以使用另一个按钮：

<input type="button" class="button" onclick="return toggleMe('para1')" value="Are the JavaScripts here free?" />
于 2012-07-26T22:04:53.253 回答