Как изготовить спойлер на авто своими руками: удачные элементы и мастер-класс по их изготовлению. Пошаговое изготовление спойлера своими руками Различия по месту расположения на кузове автомобиля

", многие автомобилисты установив на своем "тазике" нечто больше похожее на футбольные ворота, относят свои "шедевры" к классу прокачанных авто.

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

Задача антикрыла - прижимать заднюю ведущую часть, увеличивая таким образом сцепление с дорогой, и улучшая .

Моя сегодняшняя статья о том, как сделать задний спойлер своими руками, не прибегая к помощи специалистов, используя подручные средства и необходимый для этого материал.

Создание спойлера происходило прямо на модели, был сконструирован жесткий каркас спойлера, после чего по черновой матрице (шаблону) происходила лепка и склеивание детали. На все про все уходит порядка десяти дней при условии, что руки прямые и времени валом. Дизайн был подсмотрен на какой-то из моделей, честно сказать даже не знаю на какой именно я увидел нечто похожее, но как это часто бывает, руки просто воспроизводят какие-то обрывки или фрагменты из памяти, в результате выходит что-то свое...

Итак, поехали...

Спойлер своими руками: шаблон

Первым делом я прикинул приблизительную ширину антикрыла, после чего отрезал необходимый кусок оргалита. Выпуклость крыши была воспроизведена посредством лекальной направляющей из ДСП.

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

Помогал фиксировать крыло в пространстве - пластилин. При помощи скотча заклеил все места, на которых будут размещены горки из пластилина. При помощи толстых слоев сформировал стойки-опоры спойлера, затем установил на них полосу крыла из ДСП. Кстати, пластилин прекрасно позволяет регулировать угол наклона плоскости спойлера, а также его симметрию.

Следующий этап выпиливание кронштейнов из оргалита, которые устанавливаются по бокам антикрыла впритык к стойкам кузова автомобиля. Осталось зафиксировать их при помощи пластилина с внутренней стороны. Завершительный этап создания матрицы-шаблона - проклейка оргалита лоскутами стекловолокна, несколько часов ушло на полимеризацию (высыхание) смолы, после чего мой каркас был готов.

Снятие каркаса было успешным - не было никаких деформаций и перекосов, модель спойлера снялась легко. Таким образом, у меня получилась верхняя часть будущего шаблона, по которому можно будет лепить матрицу и антикрыло.

Матрица спойлера, которую я создавал разделена на две части. Вся прелесть изготовления спойлера «по-быстрому» заключается в том, что первым делом создается верхняя часть модели, с нее снимается матрица и уже после этого долепливается низ.

Чтобы сформировать матрицу спойлера необходимо: использовать тонкий и толстый стекломат. Поверху шерстисотого стекломата укладывается слой стеклорогожи для подстраховки и укрепления матрицы.

Второй этап изготовления спойлера своими руками подгонка макета спойлера.

После того как смола порядком отвердела, перевернутое антикрыло можно переворачивать и проверять, что получилось внутри. Далее выстроил симметрию и сформировал боковые стойки (опоры).

Затем поправил углы модели - подлепил и почистил вместе с фланцем матрицы.

Залепил нижнюю часть спойлера при помощи стеклопластика и сделал отверстия для болтов, они должны быть расположены максимально близко к модели спойлера, это позволит полуформам матрицы лучше и плотнее прижаться.

Подрезал "волосатые" края матрицы при помощи болгарки, поскольку толщина пластика состоящего из 2-х полуформ имеет толщину примерно 6-7 мм. По окончанию подрезки края нужно немного зачистить, это избавит вас от неприятных стеклянных заноз.

Открывать образовавшуюся матрицу спойлера оказалось крайне неудобно, пришлось сначала использовать лезвие ножа. Им провел между полуформами с легкими приоткрывающими движениями. После этого в образовавшуюся тоненькую щель вставил клинья и всяческие щепки. Спустя какое-то время после не совсем приятных манипуляций, полуформы матрицы все же раскрываются.

Чтобы очистить матрицу от остатков пластилина я использовал пластмассовые скребки, после чего все как следует продул горячим промышленным феном и снял остатки при помощи губки.

Деталь формируется с обязательным применением гелькоута, не использовать вовсе внешний, защитный слой на спойлере не рекомендуется. Дело в том, что после окрашивания есть вероятность того, что фактура стекловолокна начнет проступать. Также не забудьте нанести разделительным слоем матрицу и гелькоут, используя широкую кисть.

Хочу отметить, что гелькоут из алюминиевой пудры не лишен недостатков, главным из которых является – база из полиэфирной смолы для формования. Парафин, который входит в состав этой смолы, при полимеризации способен подниматься на поверхность геля… Когда все затвердевает гелькоут приходится слегка зашкуривать.

Пока гелькоут подсыхает, есть время нарезать стекломат и развести густую "баланду", состоящую из аэросила и "полиэфирки", эта субстанция понадобится для наполнения острых углов матрицы.

Понять, что такое контактное формование можно посмотрев пример моего спойлера. Гелькоут покрывается полиэфирной смолой, затем накрывается стекломатом. Первый слой я делаю из трехсотого. Потом по поверхности стекломата наносится смола, после чего при помощи кисти прибивается к гелькоуту. Чтобы избавиться от пузырьков воздуха, которые крайне нежелательны, воспользуйтесь специальным валиком с поперечной насечкой или изготовьте свой.

Рекомендую края свежесформированной детали обрезать, используя острый нож, до тех пор пока полиэфирная смола не перешла из желеобразного состояния в твердое. Это важно, поскольку эта на первый взгляд несущественная деталь позволяет экономить массу времени. Образовавшиеся половинки спойлера необходимо извлечь из матрицы и немного доработать края "наждачкой".

Кульминация...

Спойлер своими руками - готов! Кроме того, в процессе у меня получилось создать матрицу, по которой я в будущем смогу сделать еще не одно такое в случае такой необходимости. Процесс склеивания двух половинок происходит следующим образом: на кромки половинок спойлера, которые установлены в полуформы матрицы, небольшой горкой выкладываются полоски кашицы состоящей из аэросила и полиэфирной смолы. При сложении двух половинок воедино, эти полоски каши соприкасаются, прочно склеивая две детали в одну.

Теперь можно достать готовое антикрыло и приступить к финальной стадии: шлифовке затвердевшей каши и подготовке поверхности спойлера к покраске.

Ну вот как-то так… Отныне вам известно, как сделать спойлер своими руками, более того, теперь вы сможете сами создавать матрицы и шаблоны с последующей отливкой антикрыла любой формы. Кстати, разобравшись однажды с тем, как сделать матрицу своими руками, в будущем можно использовать этот опыт не только для спойлеров, но и для изготовления деталей кузова, таких как аэродинамические обвесы, юбки, воздухозаборники и о многое другое.

Прежде чем браться за работу, стоит узнать, какие виды спойлеров бывают и какое у них предназначение. Это поможет определиться со способом изготовления и ускорить получение результата.

Данная статья предназначена для лиц старше 18 лет

А вам уже исполнилось 18?

Спойлер своими руками

Тюнинг или функциональность?

Когда говорят о тюнинге автомобиля, спойлер или антикрыло представляют чаще всего. Антикрыло - дополнительная деталь авто, которая благодаря зазору увеличивает прижимную силу на больших, выше 80 км/ч, скоростях. Этим она обеспечивает большую устойчивость авто и сцепление с дорожным покрытием. Называть ее спойлером не совсем корректно, но большинство автолюбителей знают ее под этим названием.

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

Антикрыло и спойлеры могут быть установлены на автомобиле при производстве изначально или в процессе эксплуатации самим автовладельцем. Установленные и изготовленные самостоятельно обычно несут декоративную функцию и своего прямого предназначения не выполняют. При неправильной или неполной установке антикрыла автомобиль также теряет в технических характеристиках, и в этом случае спойлер оказывает отрицательное влияние на авто.

Антикрыло - обязательный элемент спортивных автомобилей при движении на гоночных трассах. В болидах установлено регулируемое заднее антикрыло, которое автоматически активируется при нажатии пилотом педали газа. Эта деталь существенно увеличивает скорость на прямых участках и помогает на обгонах.

Антикрыло - обязательный элемент спортивных автомобилей

Чтобы антикрыло справлялось с поставленной задачей, его устанавливают не только на задней части автомобиля, но и на капоте, и по бокам, так называемый обвес и расширитель порогов, соответственно. В противном случае на большой скорости в результате работы заднего спойлера авто будет приподниматься над дорогой передней частью. Обвес в автомобиле также выполняет функцию дополнительного охладителя внутренних деталей машины, благодаря перенаправлению воздушной струи.

К недостаткам антикрыла можно отнести:

уменьшение дорожного просвета авто;
ухудшение обзора в заднем стекле;
немалая стоимость, если покупать готовый и качественный.

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

Материалом для изготовления антикрыла может служить:

стеклопластик - наиболее популярный;
ABS-пластик - легкий, пластичный, со временем становится хрупким;

Спойлер нового образца из АБС-Пластика

силикон с кремнийорганическими полимерами;
карбон - отличные характеристики, но высокая цена.

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

Создаем спойлер собственноручно

Многие автомобилисты занимаются изготовлением спойлера на багажник своими руками. Это существенно экономит средства и в некоторых случаях выглядит не хуже дорогих деталей тюнинга.

Прежде чем начать изготовление антикрыла самостоятельно, следует приобрести материалы и инструмент для работы. Вам понадобится:

пенопласт для основы, толщина 5 мм;
краска в баллончиках в тон автомобилю;
лист металла, толщина до 1,5 мм;
эпоксидный клей;
углеволокно.

Понадобятся также кисточки, шлифовальная бумага и другие мелочи.

Краска в баллончике

Работу по созданию антикрыла своими руками начинают с вырезания основы из пенопласта. Стойки делают по своим предпочтениям из листа металла. Затем пенопластовую деталь следует приклеить к стойкам и начинать слоями наклеивать углеволокно или стеклоткань на пенопласт с помощью эпоксидного клея. Прежде чем клеить новый слой, дайте подсохнуть предыдущему.

После высыхания заготовки, будущий спойлер грунтуют и выравнивают мелкие неровности шпатлевкой. Затем следует отшлифовать заготовку мелкозернистой наждачной бумагой, убирая малозаметные шероховатости.

Проводим покраску спойлера и после полного высыхания устанавливаем его на намеченное место автомобиля.

Существует еще один способ, как сделать спойлер своими руками. Технология изготовления похожа на предыдущую. Но в качестве основания берут не пенопласт, а гипс. Для этого вырезают из пенопласта понравившуюся форму, выстилают ее пленкой и заливают гипсом. Таких деталей должно быть две, их склеивают между собой и начинают обклеивать стеклотканью. Далее процесс такой же, как и в предыдущем способе. Этот вариант, как сделать спойлер самому более трудоемкий, но тоже достаточно простой и доступный.

Изготовление спойлера для автомомбиля своими руками

На просторах интернета есть также способ самостоятельного изготовления на основе монтажной пены. Сил на него можно затратить много, но результат потрясающий. Из монтажной пены на автомобиле, предварительно обернутом пленкой, формируют основу. Потом вырезают нужную форму и шлифуют. Затем также используют эпоксидную смолу и стеклоткань, но верхним слоем выступает шпаклевка, смешанная со стекловолокном и только потом обычная. Дальнейший процесс сходен с остальными: грунтовка, шлифовка, покраска, полировка. Но в результате сделанный козырек на заднее стекло своими руками выходит неотличимым от заводского и выглядит, как родная деталь машины.

При изготовлении следует помнить, что неважно, как сделать спойлер на ВАЗ или иномарку, главное, чтобы результат был достоин внимания и приносил владельцу эстетическое удовольствие.

На мотоциклах также устанавливают родственную спойлеру деталь - обтекатель. Выполняет защитную функцию: мотоциклиста от встречного ветра и приборной панели в случае ДТП. Благодаря различным, иногда совершенно уникальным дизайнам, выигрышно выделяет байк из общей массы.

И здесь есть способы, как самому сделать обтекатель на мотоцикл. По принципу изготовления они не отличаются от приведенных выше. Разница заключена только в форме обтекателя и его макета.

Спойлер из монтажной пены

Некоторые автовладельцы, прежде чем начинать работы по созданию спойлера своими руками, чертят лекала на подручных материалах - фанере, оргалите. С ними проще выполнять подгонку размеров на машине. В сети можно также найти готовые чертежи различных модификаций антикрыла.

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

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

Установить спойлер на багажник – мечта каждого второго автомобилиста. Это изделие подходит к любой модели машины, делая ее экстерьер более спортивным и динамичным. Многим оно известно под названием «антикрыло», а внешне напоминает ворота в футболе.

Установленное на багажник «антикрыло» своими руками будет выполнять массу полезных функций, а именно:

повышать аэродинамические качества машины;
улучшать устойчивость и управление, особенно при поворотах;
изменять свойства потока воздуха;
исключать попадание загрязнений на стекло машины.

Спойлер улучшает устойчивость и управление, особенно при поворотах

Чаще всего приспособление ставится на заднюю дверь или же на крышку багажного отделения, однако не редкостью является и передний спойлер, выполняющий те же функции, что и задний. Он эффективнее справляется со своей работой, когда автомобиль разгоняется до 80 км/ч. На спойлер своими руками чертежей в сети имеется немало, и решение, какую форму и размер будет иметь элемент тюнинга, его расположенеие – заднее или переднее, остается за вами.

Спойлер своими руками на Ваз Создание

Узнав про хорошие аэродинамические свойства этого элемента тюнинга, многие водители задаются вопросом, как сделать спойлер своими руками.

Для начала найдите в интернете схему, как самому сделать элемент тюнинга. Вооружитесь картоном и карандашом, сделайте чертеж на нем, чтобы потом вам было удобно вырезать по шаблону составляющие изделия.

Схема крепления спойлера

Для изготовления спойлера на ВАЗ 2114 или любое другое авто вам понадобится:

пенопласт 1м х 1м с толщиной 50 мм;
автоэмаль под цвет машины;
лист стали с толщиной не больше 15 мм;
шпатлевка и грунт (2-3 банки);
эпоксидный клей (до 2 кг) с кистями для нанесения;
линейка или рулетка;
наждачная бумага с разной зернистостью;
стеклоткань (углеволокно);
светодиоды (по желанию).

Принцип того, как сделать спойлер на Газель Некст, одинаков для любого автомобиля и предусматривает проведение следующих работ:

Используя пенопласт, вырежьте будущую острую часть спойлера по подготовленной схеме. Делайте это по диагонали, чтобы размер изделия соответствовал требуемому.
Изготовьте крепежи для элемента тюнинга. Для этого вырежьте из стального листа пластины, просверлите 3-миллиметровые дырки в них на расстоянии не больше 30 мм. Далее сгибайте пластинки в форме буквы L – таким образом удобно закрепить пластинки. В качестве основы под козырек установите гайки с диаметром 6 мм. Приклейте гайки к заготовкам из пенопласта и оклейте стеклотканью, нанося ее в 2-3 слоя. После наклеивания каждого слоя дождитесь высыхания состава, а потом наносите следующий для успешной полимеризации клея. По этой же причине не готовьте сразу много клея – замешивайте его по мере нанесения. Чтобы смыть состав, достаточно горячей воды. Для предотвращения возникновения статического напряжения, которое характерно для мелкой крошки пенопласта при нарезании, во время работы контактируйте с заземленными поверхностями.

Спойлер на Газель Некст

Если в заднем спойлере будет стоп-сигнал или другая оптика, заранее проложите внутри проводку и установите подсветку.
Нанесите на поверхность грунтовку и шпатлевку, чтобы выровнять ее. Зачистите изделие при помощи мелкозернистой наждачной бумаги для подготовки к окрашиванию.
Нанесите на заготовку автоэмаль из баллончика или воспользуйтесь кисточкой.
Следующий этап того, как сделать спойлер на ВАЗ, – нанесение на заготовку лака. Перед лакировкой обработайте поверхность обезжиривателем.

После того как вам удалось сделать обтекатель, установите его на заранее подготовленное место кузова.

Вы ищите обыкновенный спойлер - простой элемент HTML страницы, который бы мог при нажатии на него открываться, и при нажатии - закрываться. Вы нашли это!

1. Очень простой спойлер JS+HTML (1 раз на стр.)

Если Вам требуется встроить код в HTML страницу, которая не использует никаких JavaScript файлов, то просто скопируйте этот код на необходимую страницу в любое её место:

function openSpoiler(elem) {
document.getElementById("spioler").style.display="block";
document.getElementById("but_spo").style.display="none";
}
function closeSpoiler(elem)
{
document.getElementById("spioler").style.display="none";
document.getElementById("but_spo").style.display="block";
}

Если же Вы имеете доступ к *.js файлу, который подключен к требуемой странице, то скопируйте в него код выше, без тега вначале и без вконце.

123

Вставьте вместо 123 необходимую Вам информацию.
Вместо «Дополнительная информация» Вы можете использовать любые выражения.

ПРИМЕР:

она: а ты не будешь бояться со мной ездить, когда я получу права?
он: нет
она: правда не боишься?
он: да
она: во-о-от, хоть ты меня поддержал.))) А то все говорят, что со мной будет страшно ездить.
он: я просто не боюсь смерти.

Также этот код можно переделать, если Вы хотите, чтобы спойлер открывался по наведению мыши:

123

ПРИМЕР:

– Дорогой, мне что-то нездоровится. – Выпей отравы, тварь! – Чего, блин? Оо – Ой, оговорился. Выпей отвары трав.

2. Спойлер CSS+HTML (много раз на стр.)

Spoiler

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu sodales tortor, posuere mattis nunc. Integer eget sapien ullamcorper diam mollis laoreet. Praesent dignissim id urna at malesuada. Etiam id nisl vitae ante vestibulum volutpat.

Etiam congue, neque a commodo iaculis, nisl massa varius felis, eget commodo eros mauris vitae felis. Pellentesque sed nisi bibendum, faucibus lectus id, varius metus. Vestibulum lacinia vehicula justo, ut molestie magna tincidunt nec. Suspendisse sit amet sagittis enim.

Spoiler

Una forma de esconder cierta información hasta que el usuario hace clic para visualizarla. Una forma de esconder cierta información hasta que el usuario hace clic para visualizarla.

Contenido normal intercalado sin spoiler

Input{
display: none;
}
input + label {
display: block;
width: 200px;
margin: 0 auto;
padding: 5px 20px;
background: #e1a;
color: #fff;
text-align: center;
font-size: 24px;
border-radius: 8px;
cursor: pointer;
transition: all .6s;
}
input:checked + label {
color: #333;
background: #ccc;
}
input ~ .spoiler {
width: 90%;
height: 0;
overflow: hidden;
opacity: 0;
margin: 10px auto 0;
padding: 10px;
background: #eee;
border: 1px solid #ccc;
border-radius: 8px;
transition: all .6s;
}
input:checked + label + .spoiler{
height: auto;
opacity: 1;
padding: 10px;
}

Пример:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu sodales tortor, posuere mattis nunc. Integer eget sapien ullamcorper diam mollis laoreet. Praesent dignissim id urna at malesuada. Etiam id nisl vitae ante vestibulum volutpat.

Etiam congue, neque a commodo iaculis, nisl massa varius felis, eget commodo eros mauris vitae felis. Pellentesque sed nisi bibendum, faucibus lectus id, varius metus. Vestibulum lacinia vehicula justo, ut molestie magna tincidunt nec. Suspendisse sit amet sagittis enim.

Спойлер 1

Una forma de esconder cierta información hasta que el usuario hace clic para visualizarla. Una forma de esconder cierta información hasta que el usuario hace clic para visualizarla.

Спойлер 2

3. Спойлер JS (jQuery)+HTML (много раз на стр.)

Важно соблюдать количество элементов заголовка и контейнера. Можно использовать вложенно, соблюдая иерархию HTML

let sp_content=$(".sp_content"),sp_title=$(".sp_title");
sp_content.hide();
sp_title.on("click",function(){
let inx=$(".sp_title").index(this);
$(sp_content).slideToggle(100)
})

.sp_title{background:#ff002a;color:#fff;padding:7px 6px;margin-top:4px;-webkit-border-radius:3px;border-radius:3px;cursor:pointer}
.sp_content{background:#fff;color:#000;padding:6px 4px 4px 4px;-webkit-border-radius:3px;border-radius:3px;box-shadow:inset 0 0 0 1px #ccc}

Заголовок спойлера

Содержимое спойлера

Пример:

Заголовок спойлера 1

Содержимое спойлера 1

Заголовок спойлера 2

Содержимое спойлера 2

4. Спойлер JS (jQuery)+HTML v2 (много раз на стр.)

Важно соблюдать количество элементов заголовка и контейнера. Можно использовать вложенно, соблюдая иерархию HTML
Также должна быть добавлена библиотека jQuery на странице:

Let sp_content2=$(".sp_content2"),sp_title2=$(".sp_title2");
sp_content2.hide();
sp_title2.on("click",function(){
let inx=$(".sp_title2").index(this);
if($(sp_content2).css("display")==="none"){
$(sp_content2).slideUp(100);
$(sp_content2).slideDown(100);
}else{
$(sp_content2).slideUp(100);
}
})

.sp_title2{background:#0086ff;color:#fff;padding:7px 6px;margin-top:4px;-webkit-border-radius:3px;border-radius:3px;cursor:pointer}
.sp_content2{background:#fff;color:#000;padding:6px 4px 4px 4px;-webkit-border-radius:3px;border-radius:3px;box-shadow:inset 0 0 0 1px #ccc}

Заголовок спойлера

Содержимое спойлера

Пример:

Заголовок спойлера 1

Содержимое спойлера 1

Заголовок спойлера 2

Содержимое спойлера 2

5. Спойлер JS (jQuery)+HTML. Кнопками (много раз на стр.)

Spoiler 1Spoiler 2Spoiler 3

Spoiler 1 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci doloremque, exercitationem totam nostrum accusantium illo quibusdam sunt fugit a consectetur libero ea minima velit eaque iure ut odit eum suscipit!

Spoiler 2 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aut suscipit distinctio debitis ea voluptates alias delectus quia voluptas vitae, nisi atque laudantium repudiandae deleniti, natus fugiat, quo, esse rem.

Spoiler 3 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates, aperiam, itaque. Possimus, quas perspiciatis, illum assumenda odit amet obcaecati corporis, dolores aperiam a illo repellendus sit, commodi repellat quam suscipit?

Body {
font: 16px/1.5em "Segoe UI", Arial, sans-serif;
background: #bfb6a0;
color: #fff;
width: 60%;
margin: 20px auto;
}
.spoiler-link {
display: inline-block;
text-decoration: none;
color: #fff;
background: #b63333;
padding: 10px 25px;
border-radius: 3px;
text-shadow: 0 1px 0 #8c1111;
border-bottom: 1px solid #8c1111;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.spoiler-link:hover {
background: #8c1111;
}
.spoiler-link + .spoiler-link {
margin-left: 5px;
}
.spoiler-link--active {
background: #4f9c3d;
border-color: #2d751c;
text-shadow: 0 1px 0 #2d751c;
}
.spoiler-link--active:hover {
background: #2d751c;
}
.spoiler {
background: #fff;
color: #907c6b;
padding: 25px;
margin-top: 25px;
border-radius: 3px;
border-bottom: 1px solid #999;
}
.spoiler__title {
margin-top: 0;
font-weight: 200;
color: #b63333;
}

$(function(){
$(".spoiler").hide();
$(".spoiler-link").on("click", function(e) {
var idSpoiler = $(this).attr("href"),
classSelect = "spoiler-link--active";
$(this).toggleClass(classSelect);
$(idSpoiler).slideToggle(200);
e.preventDefault();
});
});

Пример: Spoiler 1 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci doloremque, exercitationem totam nostrum accusantium illo quibusdam sunt fugit a consectetur libero ea minima velit eaque iure ut odit eum suscipit! Spoiler 2 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aut suscipit distinctio debitis ea voluptates alias delectus quia voluptas vitae, nisi atque laudantium repudiandae deleniti, natus fugiat, quo, esse rem. Spoiler 3 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates, aperiam, itaque. Possimus, quas perspiciatis, illum assumenda odit amet obcaecati corporis, dolores aperiam a illo repellendus sit, commodi repellat quam suscipit?

Сервис SendPulse – это маркетинговый инструмент для создания подписной базы и перевода случайных посетителей вашего сайта в разряд постоянных. SendPulse объединяет на одной платформе важнейшие функции для привлечения и удержания клиентов:
● e-mail-рассылки,
● web-push,
● SMS рассылки,
● SMTP,
● рассылки в Viber,
● отправка сообщений в facebook messenger.

Рассылки email Вы можете воспользоваться различными тарифами для ведения e-mail-рассылки, в том числе и бесплатным. Бесплатный тариф имеет ограничения: подписная база не более 2500.
Первое, с чего нужно начать, при работе с сервисом e-mail рассыл ок , – это создать свою адресную книгу . Задайте заголовок и загрузите список e-mail адресов.

На SendPulse удобно создавать формы подписки в виде всплывающего окна, встроенные формы, плавающие и фиксированные в определенной части экрана. С помощью форм подписки вы соберете базу подписчиков с нуля или дополните новыми адресами свою базу.
В конструкторе форм вы можете создать именно ту форму подписки, которая наиболее полно отвечает вашим нуждам, а подсказки сервиса помогут вам справится с этой задачей. Так же возможно использование одной из доступных готовых форм.

При создании форм подписки обязательно использование e-mail с корпоративным доменом. Читайте, как .
Шаблоны сообщений помогут красиво оформить ваши письма подписчикам. Собственный шаблон писем вы можете создать в специальном конструкторе.

Авторассылки . Контент-менеджеры активно используют автоматическую рассылку . Это помогает автоматизировать процесс работы с клиентами. Создать авторассылку можно несколькими способами:
● Последовательная серия писем . Это самый простой вариант, когда вне зависимости от условий пишутся несколько писем, которые будут разосланы получателям в определенном порядке. Здесь могут быть свои варианты – серия сообщений (простая цепочка сообщений), особая дата (письма приурочены к определенным датам), триггерное письмо – письмо отправляется в зависимости от действий подписчика (открытия сообщения и пр).
● Automation360 – рассылка с определенными фильтрами и условиями, а также с учетом конверсий.
● Готовые цепочки по шаблону. Вы можете создать серию писем по заданному шаблону или видоизменить шаблон и подстроить его под свои нужды.
А/B тестирование поможет провести эксперимент по различным вариантам отправки серии писем и определить наилучший вариант по открытиям или переходам. Отправка Push уведомлений Push-рассылки – это подписка в окне браузера, это своего рода замена rss-подпискам. Технологии web-push стремительно вошли в нашу жизнь, и уже сложно найти сайт, который не использует для привлечения и удержания клиентов пуш-рассылки. Скрипт запроса на , вы можете отправлять письма, как вручную, так и создать авторассылки, создав серию писем или собрав данные с RSS. Второй вариант подразумевает, что после появления новой статьи на вашем сайте, автоматически будет рассылаться уведомление об этом вашим подписчикам с кратким анонсом.

Новинка от Send Pulse – теперь вы можете монетизировать сайт с помощью Push-уведомлений, встраивая в них рекламные объявления. По достижении 10$ каждый понедельник осуществляются выплаты на одну из платежных систем – Visa/mastercard, PayPal или Webmoney.
Push -сообщения на сервисе абсолютно бесплатны. Оплата берется только за White Label – рассылки без упоминания сервиса SendPulse, но если вам не мешает логотип сервиса, то вы можете пользоваться пушами бесплатно без ограничений. SMTP Функция SMTP защищает вашу рассылку от попадания в черный список за счет использования белых IP адресов. Технологии криптографической подписи DKIM и SPF, которые используются в рассылках SendPulse, повышают доверие к рассылаемым письмам, благодаря чему ваши письма реже будут попадать в спам или блэк-лист.Боты Facebook Messenger Facebook чат-бот находится на этапе бета-тестирования. Вы можете подключить его к своей странице и рассылать сообщения подписчикам.Отправка SMS Через сервис SendPulse легко отправлять-рассылки по базе телефонных номеров. Вначале вам нужно создать адресную книгу с перечнем телефонных номеров. Для этого выберите раздел “Адресная книга”, создайте новую адресную книгу, загрузите номера телефонов. Теперь вы можете создать СМС-рассылку по данной базе. Цена СМС рассылки варьирует в зависимости от операторов связи получателей и составляют в среднем от 1,26 рубля до 2,55 рублей за 1 отправленное СМС.Партнерская программа SendPulse реализует партнерскую программу, в рамках которой зарегистрированный пользователь по вашей ссылке, который оплатил тариф принесет вам 4000 рублей. Приглашенный же пользователь получает скидку 4000 рублей на первые 5 месяцев использования сервиса.

Возможно, будет полезно почитать: