html - 显示和隐藏订单列表

字符串+

如果用户单击+号，我想显示一些清单

然后字符串-

如果用户单击-号我要隐藏订单列表

如何使用javascript实现此功能，而不使用ajax，jquery

最佳答案

您将必须为有序列表创建一个ID，例如

<ol id="superId">


</ol>

然后在JavaScript上

function displayOL(enabled) {
  if (enabled) {
     document.getElementById("superId").style.display = "none";
     document.getElementById("minus").style.display = "block";
     document.getElementById("plus").style.display = "none";
  } else {
     document.getElementById("superId").style.display = "block"
     document.getElementById("minus").style.display = "none";
     document.getElementById("plus").style.display = "show";
  }
}

然后在anchor标记上

<a href="#" onclick="displayOL(true)" id="plus">+</a>

<a href="#" onclick="displayOL(false)" id="minus">-</a>

PS ....我只是不按顺序进行了粗略的实现...