Сейчас узнаем, какой подарок выпадет именно Вам

Крутите колесо

Ура, вы выиграли!
Ваш приз:
Годовой доступ
к видео на mo-ti -20%
по промокоду T19RAY
Промокод действителен 3 дня

Оформить доступ с промокодом

100

#2470a1

Массажный коврик
DeviMat

🛒 Корзина

75*44 см, 210 колющих элементов. В комплекте с ковриком идёт удобная льняная сумка для переноски и хранения

Подробнее >>

5490 р

Производитель
Материал
Длина
Ширина
Колющие эл-ты
Гарантия

Скрыть >>

Devi Yoga (Россия)
Лён+кокосовое волокно
75 см
45 см
210 шт
3 года

Делаем showmore описание товара в ZeroBlock Tilda

Как выполнили данный пример:

1. Создали ZeroBlock и наполнили его контенто
2. Тексту Кокосовое волокно, 100% волокно, HIPS пластик - задали ссылку
#textbtm

3. Короткому тексту описания задали ссылку #short
4. Слово Подробнее>> сделали жирным "В" и выделили другим цветом

5. Добавили текст для подробного описания и прописали ему ссылку #long
Слово Скрыть >> сделали жирным "В" и выделили другим цветом
Поставили длинный текст на слой ниже, чем короткий. Расположили их друг под другом. Сделали длинный текст прозрачным.

6. Добавили скрипт на страницу в блок ДРУГОЕ►T123


<script>
$( "[href = '#short'] span" ).click(function() {
   $( "[href = '#short']" ).animate({opacity: '0'}, 400);
   $( "[href = '#long']" ).animate({opacity: '1'}, 400);
   $( "[href = '#textbtm']" ).animate({opacity: '0'}, 400);
   return false;
});
$( "[href = '#long'] span" ).click(function() {
   $( "[href = '#long']" ).animate({opacity: '0'}, 400);
   $( "[href = '#short']" ).animate({opacity: '1'}, 400);
   $( "[href = '#textbtm']" ).animate({opacity: '1'}, 400);
   return false;
});

</script>