Question

我目前在我的网页上添加了一个可折叠的段落功能。我使用了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;
}

外部JavaScript文件名为：expandCollapse.js

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”标签吗？

Answer 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?" />

在Expand-Collapse Paragraph中添加“关闭”按钮

1 个答案: