打开 DIV 关闭其他答案

【问题标题】：Opening DIV closes others打开 DIV 关闭其他
【发布时间】：2013-02-14 15:23:57
【问题描述】：

有一个小问题，我有一个模块，它是一个过滤的左侧导航，用于过滤电子商务网站上的产品。

     function amshopby_filter_show(evt) {
  var dt = Event.findElement(evt, 'dt');

  dt.next('dd').down('ol').toggle();
  dt.toggleClassName('amshopby-collapsed');

  Event.stop(evt);
  return false;
}

http://jsfiddle.net/6Tn3D/6/

我需要 DROPDOWN1 来切换“ol”，以便它打开和关闭，但我还需要一次只打开一个 DROPDOWN。因此，如果您随后打开 DROPDOWN2，它会打开 DROPDOWN2，但也会关闭 DROPDOWN1。

真的希望这是有道理的，希望有人能指出我正确的方向。

谢谢大家。

迈克

【问题讨论】：

这是原型代码，不是 jQuery。
使用手风琴插件。
感谢@lonesomeday，我已将 jsfiddle 更新为 Prototype，但仍然没有运气。 :(
我可以为您指明一个方向 - siblings() 将返回除目标元素之外的特定元素的所有兄弟姐妹，您可以对兄弟姐妹进行操作。

标签： javascript css prototypejs

【解决方案1】：

我总是关闭/隐藏所有下拉菜单，然后然后打开一个新的下拉菜单。

【讨论】：

从可用性的角度来看，我们无法做到这一点，因为我们在每个下拉菜单下都有很多选项，并且在移动设备上它会成为一个问题。