ewanff

Попробуй так:

$(document).ready(function(){
        $text=$('.main-text');
        
        $('.main-text-more',$text).click(function(e){
            if($text.hasClass('hide')) {
                $text.removeClass('hide');
            } else {
                $text.addClass('hide');
            }
        }); 
 });

<div class="main-text hide">
  <p>Текст</p>
</div>
<div class="main-text-more">Подробнее</div>

.main-text {
    max-height: 3000px;
    position: relative;
    overflow: hidden;
    -webkit-transition: max-height 0.7s ease-out;
    -moz-transition: max-height 0.7s ease-out;
     -o-transition: max-height 0.7s ease-out;
    transition: max-height 0.7s ease-out; 
}
.main-text.hide {
    max-height: 400px;
}

Попробуйте Электронный заказ. Там есть опции, фильтр по товарам, оценка товаров, новости, статьи, покупка без регистрации, каталог товаров по категориям и брендам, регистрация, разные способы оплаты и доставки, сравнение товаров, блок "Аналогичные товары/С этим товаром покупают" и т.д.

Если не saas, то может подойти Электронный заказ (ez Catalog CMS). Там есть доставка товара по электронной почте.

Display:none не скроект от ботов форму. Они не грузят скрипты и стили. Они берут форму и пробуют послать разные данные.

Капчу надо ставить на формы, которыми часто ползуются. Если формой редко пользуются - можно не ставить. Если через эту форму пошел спам, то тогда придется поставить.