Javascript 加上“；“关闭”；按钮展开折叠段落

我目前在我的网页中添加了一个可折叠段落功能。我使用了在上找到的代码。基本上，我有一个很长的段落，在点击按钮之前是隐藏的，但是你必须一直滚动到顶部，点击同一个按钮来折叠段落。我想知道是否有一种方法可以在段落末尾添加一个“关闭”按钮，这样我就不必滚动到顶部

多谢各位

以下是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;
}

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;
}

名为expandCollapse.js的外部JavaScript文件

input.button {
  color: #fff; background: #0034D0;
  font-size: .8em;
  font-weight:bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border: solid 1px #ffcf31;
}

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文档的正文部分

<center><input type="button" class="button" onClick="return toggleMe('para1')" value="Animation Characters Guide"></center>
    <div id="para1" style="display:none">

    </div>

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

如果我想添加一个“关闭”按钮，它会是一个“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?" />

如果我想添加一个“关闭”按钮，它会是一个“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?" />

我尝试了您提供的两种代码，但由于某些原因，代码只是出现在网页上，而不是实际的链接。我在关闭div之前添加了代码。我更新了实际的html代码。我应该在这之后还是之前添加代码？在之后，如果你想让控件位于段落下方，现在就可以了。我没有改变任何事情。我不知道问题出在哪里，但你的代码可以正常工作！非常感谢！当然，请随意将其正式发布：-）我尝试了您提供的两个代码，但由于某些原因，代码只是出现在网页上，而不是实际的链接。我在关闭div之前添加了代码。我更新了实际的html代码。我应该在这之后还是之前添加代码？在之后，如果你想让控件位于段落下方，现在就可以了。我没有改变任何事情。我不知道问题出在哪里，但你的代码可以正常工作！非常感谢！当然，请随意将其正式化：-）