Скрыть/Показать элемент

by Nat_Lilit

HTML

<body>

<div class="list">
<p class="preview">preview</p>
<a href="javascript:void(0)" onclick="showHide('full_text')">Скрыть/Показать</a><br/><br/>
<p class="full" style="display: none;"id="full_text">full text full text full text</p>
<p class="preview">preview</p>
<p class="full">full text</p>
</div>
<!-- При клике запускаем функцию showHide, и передаем параметр 
        id-шник элемента который нужно показать/скрыть -->

</body>

JavaScript

/* Функция Скрывает/Показывает блок   */
            function showHide(element_id) {
                //Если элемент с id-шником element_id существует
                if (document.getElementById(element_id)) { 
                    //Записываем ссылку на элемент в переменную obj
                    var txt = document.getElementById(element_id); 
                    //Если css-свойство display не block, то: 
                    if (txt.style.display != "block") { 
                        txt.style.display = "block"; //Показываем элемент
                    }
                    else txt.style.display = "none"; //Скрываем элемент
                }
                //Если элемент с id-шником element_id не найден, то выводим сообщение
                else alert("Элемент с id: " + element_id + " не найден!"); 
            }