使用Scriptaculous隐藏/显示div

Question

我要做的是给我的用户4个选项（简单链接）。如果单击其中一个，则根据其选择显示下面的div。我遇到的问题是如果点击另一个顶部链接，如何隐藏下面的div。现在我可以同时显示所有4个子div，它应该隐藏当前可见的子div，然后显示新的子div。

任何帮助？

谢谢！

Answer 1

这假设container_id的所有子节点都是div：

function show_item( container_id, item_id ) {
allItems = $(container_id).getElementsBySelector( 'div' );
$A(allItems).each(Element.hide);
$(item_id).show();
}

Answer 2

$$('.sub-selection').each(Element.hide);
$('#selected_element').show();