Скрытие / отображение div с использованием Scriptaculous

Question

То, что я пытаюсь сделать, это дать моему пользователю 4 варианта (простые ссылки). Если щелкнуть один из них, ниже показан div, основанный на их выборе. Проблема, которую я имею, состоит в том, чтобы выяснить, как скрыть div ниже, если нажата другая верхняя ссылка. Прямо сейчас я могу показать все 4 дочерних элемента одновременно, где он должен скрыть видимый в данный момент, а затем показать новый.

Любая помощь?

Спасибо!

Answer 1

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

Answer 2

Предполагается, что все потомки container_id являются divs:

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