Интернет-студия W&M

Верстка: Раскрытие текстового блока по клику на ссылку

 07-09-2016      Комментировать      ВСЕ ЗАПИСИ





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


Краткий видимый текст, при нажатии на кнопку подробнее будет открываться более полный текст о компании.

Весь текст

 


Верстка

<p>

Краткий видимый текст, при нажатии на кнопку подробнее будет открываться более полный текст о компании

</p>

<script>
function look(type){
param=document.getElementById(type);
if(param.style.display == "none") param.style.display = "block";
else param.style.display = "none"
}
</script>
<div><a href="javascript:look('div1');" >Весь текст</a></div>

<div id="div1" style="display: none; padding-top: 30px;">
Подробный текст, появляющийся при нажатии на кнопку
</div>
 





нет комментариев

Добавить комментарий





ЗАПИСИ ИЗ БЛОГА