Javascript 单击“打开移动菜单”

所以我对JS有点陌生。我很感激你们能提供的一切。到目前为止，我有一个下拉菜单，当点击链接时用JS显示（通过将CSS proterty display从none更改为block）。但是，当您链接到站点上的另一个页面或刷新时，菜单将保持打开状态。我想我想要的是在刷新页面时重置所有内容

我的JS如下所示：

function showOrHide(zap) {
 if (document.getElementById) {
  var abra = document.getElementById(zap).style;
  if (abra.display == "block") {
   abra.display = "none";
   } else {
   abra.display = "block";
  } 
  return false;
  } else {
  return true;
 }
}

HTML是：

<div id="menulines"><a href="#" onclick="return showOrHide('menulink');"><image id="menuicon" src="img/menulines.png" />Menus</a></div><!-- This is my activation link -->
<ul id="menulink" class="mobilemenu">
   <li class="item"><a class="active" href="#">Home</a></li>
   <li class="item"><a href="#" onclick="return showOrHide('menuabout');">About</a>
   <ul id="menuabout" class="mobilesub1">
      <li><a href="#">The Farm</a></li>
      <li><a href="#">Our Family</a></li>
   </ul>
   </li>
   <li class="item"><a href="#" onclick="return showOrHide('menuproducts');">Products</a>
   <ul id="menuproducts" class="mobilesub1">
      <li><a href="#" onclick="return showOrHide('menumeats');">Meats</a>
      <ul id="menumeats" class="mobilesub2">
         <li><a href="#">Beef</a></li>
         <li><a href="#">Chicken</a></li>
         <li><a href="#">Turkey</a></li>
      </ul>
   </li>
   <li><a href="#" onclick="return showOrHide('menuproduce');">Produce</a>
      <ul id="menuproduce" class="mobilesub2">
         <li><a href="#">Vegetables</a></li>
         <li><a href="#">Fruits</a></li>
      </ul>
   </li>
   <li><a href="#">Eggs</a></li>
   <li><a href="#">Bulk Foods</a></li>
   <li><a href="#">Candles</a></li>
</ul>
</li>
<li class="item"><a href="#">Contact</a></li>
</ul>

---

提前感谢，期待学习。

您可能在css中有一些错误，刷新后页面不可能打开这些链接。。检查这里，这是你的代码示例，如果你刷新显示结果的框架，它将关闭所有子菜单。谢谢Goran。如果你是对的。