Подскажите спойлер для сайта

интернет программирование программы сайт веб дизайн

Как создать спойлер для контента на сайте, который скрывает только часть нужного контента, а не весь. Тоесть, чтобы он показывал, скажем сто пикселей в высоту (или другое значение), а остальное было доступно только после нажатия на кнопку. Пример тут: http://www.worldvision.su/catalog/videonablyudenie/videokameri-nablyudeniya/kupolnie-videokameri/atis-ad-h700w.html
Описание товара скрыто под спойлером, но не все. В интернете искал, но везде только спойлеры, которые скрывают весь контент.
Ответы:
Исходники того сайта гляньте, там же ведь JS открыт, можно выдернуть да и все.
Вот ключевые обработчики: showFull() и hideFull().
Это код из JS:
var maxFullHeight = 100,realFullHeight = 0;
function chechFullDescr(){
   var height = parseInt($('#fullDescr').height());
//    alert(height);
   if(height>maxFullHeight){
       realFullHeight = height;
       $('#fullDescr').height(maxFullHeight);
       $('#hideFonBlock').show();
       $('#hideKeyBlock').show();
   }
}
var timeFullShow = 300;
function showFull(){
   if(realFullHeight>0){
       $('#fullDescr').animate({height:realFullHeight + 'px'},timeFullShow);
       $('#hideFonBlock').hide(timeShow);
       $('#keyShowBlock').hide();
       $('#keyHideBlock').show();
       setTimeout('resizeHeight()',timeFullShow+1);
   }
}
function hideFull(){
   if(maxFullHeight>0){
       $('#fullDescr').animate({height:maxFullHeight + 'px'},timeFullShow);
       $('#hideFonBlock').show(timeFullShow);
       $('#keyShowBlock').show();
       $('#keyHideBlock').hide();
   }
}
Теперь возьмите HTML и все это прикрутите.


10 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.