javascript - 使用 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();