Выпадающий блок с использованием jQuery - motionpack.js

09 декабря 2012  5097  jQuery, верстка, скрипты

 

Подключаем скрипт с указанием расположения файла на сайте.

<script type="text/javascript" src="/js/motionpack.js"></script>

Вставляем код в нужное место страницы. Высота блока (height) устанавливается самостоятельно.

<p><a title="" href="javascript:;" onmousedown="slidedown('mydiv');slideup('mydiv');">развернуть</a></p>
<div id="mydiv" style="display:none; overflow:hidden; height:100px;">
<!-- Начало блока mydiv-->
<p>Текст или изображение, форма или видео - всё, что угодно.</p>
<p><a title="" href="javascript:;" onmousedown="slideup('mydiv');">свернуть</a></p>
<!-- Конец блока mydiv -->
</div>

При необходимости установки второго блока, необходимо присвоить ему другое имя (например, 'mydiv2').

Пример №1

Пример №2

Скачать архивом скрипт Motionpack.

 

Комментарии для сайта Cackle
наверх