Делаем 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>
Made on
Tilda