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();