Как можно оптимизировать и сократить данный код?

Спасибо большое, то что нужно. Теперь буду знать хоть как это называется :)

Как можно оптимизировать и сократить данный код?

Andrew,

<div class="menu-source">
    <ul>
    <li id="source-1" class="active"><a href="javascript:showhide('text-source-1', 'source-1')">Head1</a></li>
    <li id="source-2"><a href="javascript:showhide('text-source-2', 'source-2')">Head2</a></li>
    <li id="source-3"><a href="javascript:showhide('text-source-3', 'source-3')">Head3</a></li>
    <li id="source-4"><a href="javascript:showhide('text-source-4', 'source-4')">Head4</a></li>
    </ul>
    <hr />
    <div id="text-source-1" style="display: block;"> txt1 </div>
    <div id="text-source-2"> txt2 </div>
    <div id="text-source-3"> txt3 </div>
    <div id="text-source-4"> txt3 </div>
</div>

Как обратиться к элементу по динамически добавленному классу?

Сергей Карвасарный, спасибо огромное за пример. Обязательно его изучу

Как обратиться к элементу по динамически добавленному классу?

Сергей Карвасарный, спасибо за толковый ответ