Самий простой способ - это поиграть из свойством css - visibility (hidden - спрятать содержимое; visible - отобразить содержимое). Делаешь два варианта для visible и для hidden:
<script language='javascript' type="text/javascript">
function show (param)
{
    var show_id_1 = document.getElementById("show_1").style;
    var show_id_2 = document.getElementById("show_2").style;
    if (param=="show_1")
    {
        show_id_1.visibility = "hidden";
        show_id_2.visibility = "visible";
    }
    else
    {
        show_id_2.visibility = "hidden";
        show_id_1.visibility = "visible";
    }
}
</script>
<div id='show_1' onClick="show('show_1');">Содержание 1</div>
<div id='show_2' style="visibility: hidden;" onclick="show('show_2');">Содержание 2</div>
Код можно было бы сократить используя рекурсию, но я так написал для наглядности! Используя стили выравнивания для каждого из пунктов меню мы получим то, что хотели 
