Показать сообщение отдельно
  #4 (permalink)  
Старый 05.05.2010, 13:36
Кандидат Javascript-наук
Отправить личное сообщение для vah-smile Посмотреть профиль Найти все сообщения от vah-smile
 
Регистрация: 31.10.2009
Сообщений: 116

Самий простой способ - это поиграть из свойством 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>


Код можно было бы сократить используя рекурсию, но я так написал для наглядности! Используя стили выравнивания для каждого из пунктов меню мы получим то, что хотели
Ответить с цитированием