Делаем спойлеры. Пошаговое изготовление спойлера своими руками

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

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

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

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

Также это помогает немного сократить расход топлива, за счет снижения сопротивления воздуха добавляется мощность.

Пошаговый алгоритм изготовления

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

Пенопластовый спойлер

Мы пошагово расскажем, как сделать спойлер своими руками. Одной из наиболее распространенных каркасных основ для такого обвеса является полоса оцинкованного железа. По обоим краям под 90 градусов делают два L-образных загиба. На таких «ножках» в будущем будет фиксироваться вся конструкция.

Шаг 1. Делаем металлический коркас Шаг 2. Клеим пенопласт Шаг 4. Красим и лакируем Шаг 5. Устанавливаем на авто

После этого металлический «скелет» должен обрастать пенопластовым «мясом». Белый легкий материал беспроблемно обрабатывается любой пилой с мелким зубом и полируется наждачной бумагой.

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

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

Установка сигнальной светодиодной подсветки выполняется на этом этапе.

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

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

Антикрыло из пены

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

Шаг 1. Запениваем основу Шаг 2. Выризаем заготовку Шаг 3. Наносим углеволокно Шаг 4. Ставим светодиоды Шаг 5. Шлифуем наждачной бумагой Шаг 6. Красим и полируем Шаг 7. Монтаж на автомомбиль

Придание жесткости выполняется также с помощью углепластика (стекловолокна).

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

Гипсовый спойлер

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

Шаг 1. Изготавливаем форму для литья Шаг 2. Закладываем образец и заливаем гипсом Шаг 3. Распиливаем форму и вынимаем заготовку Шаг 4. Заливаем в форму будущий спойлер и вынимаем его послу высыхания

После этого у нас оказывается гипсовая матрица. В нее укладываем полиэтилен в качестве прокладки и заливаем порцию гипса. Раскрыв после застывания половинки матрицы, вынимаем заготовку. Далее проводятся операции по доводке, армированию и покраске.

Заключение

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

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

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

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

Через некоторое время мне захотелось что-то новенькое и более качественное. Набрав в поисковике слово "спойлер " просмотрел немало картинок с изображением спойлеров, в итоге был выявлен победитель. Нечто похожее я собрался сделать.

рис.2

Из своего прошлого опыта я знал, что качественная матрица будущего спойлера сэкономит мне время, силы и небольшую кучку денег. Для матрицы было куплено 10-12кг. гипса, квадрат 5-ти сантиметрового пенопласта, канцелярский нож, скотч, шлифовальный брусок и наждачная бумага. Отрезал кусок пенопласта шириной сантиметров 30 и нарастил с помощью клея ПВА сантиметров по 15 с каждой стороны в длину. Канцелярским ножом вырезал углубления, края и изгибы, после чего бруском и кусочками наждачной бумаги отшлифовал. Получилась такая вот болванка из пенопласта.

рис.3

рис.4

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

рис.5

рис.6

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

рис.7

бруском произвел конечную шлифовку.

Дальше предстояла оклейка матрицы стеклотканью . Купил 15 коробочек по 285мл. эпоксидной смолы , тонер (краска-порошок для заправки лазерного принтера), пару кисточек, резиновый шпатель, пищевую пленку (пленка которой в магазине заворачивают сыр и колбасу на срезе), стеклоткань я не нашел, пришлось купить рулон стеклохолста это конечно не гуд, но на худой конец пойдет, на совсем худой!!! На матрицу уложил в один слой пищевую пленку, нарезал лоскутов стеклохолста шириной 5-7см., развел эпоксидку, добавив в нее тонер для того, чтобы спойлер был черным и приступил к оклейке, на рисунке с низу показано как наклеиваются лоскутки. Лоскуты стеклохолста при помощи кисточки или резинового шпателя пропитываются эпоксидкой и укладываются.

рис.8

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

рис.9

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

рис.10

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

рис.11

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

рис.12

Крепить боковушки я решил при помощи саморезов для этого я сделал по три утолщения с каждой стороны.

рис.13

Крепления для ножек спойлера выклеивались в форме буквы Т на фото №18 можно разглядеть получше.

рис.14

На машине подобрал высоту спойлера, затем из картона вырезал шаблон будущих ножек.

рис.15

По технологии изготовления боковушек сделал ножки, только толще в два раза.

рис.16

А вот с креплением ножек к крышке багажника пришлось поломать голову. В итоге сделал деталь длинной сантиметров 25 фото№17 красными линиями показано как укладывались слои рис 1 , потом при помощи болгарки разрезал на 4 части, обточил, просверлил отверстия рис 2.

рис.17

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

рис.18

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

рис.19

рис.20

рис.21

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

Сделать спойлер своими руками , не так уж и трудно, главное в этом деле, желание, прямые руки и немного свободного времени. По финансам вышло меньше 2000 р..

Вам понадобится

  • - пенопласт размером 100х100 см и толщиной до 5 см;
  • - краска под цвет вашей машины, примерно пару баллонов;
  • - лист железа (толщиной не более 1,5 мм);
  • - шпатлевка и грунтовка до трех баночек;
  • - эпоксидный клей порядка двух килограмм;
  • - кисточки для нанесения клея, можно китайские;
  • - наждачная бумага;
  • - стеклоткань или углеволокно;
  • - светодиоды и неоновая подсветка.

Инструкция

Приступайте к изготовлению крепления. Из листа железа вырежьте пластины. Просверлите трех миллиметровые отверстия на расстоянии не более 30 мм. Загните пластину в виде латинской L (удобнее крепить). В основание приварите гайки диаметром 6 мм. Аккуратно приклейте их к пенопластовым заготовкам, оклейте стеклотканью (углеволокном). Нанесите не мене трех слоев . При оклеивании выдерживайте интервал, чтобы клей успел полимеризоваться. Для ускорения процесса можно его слегка подогреть. Помните, не нужно готовить много клея так, как если сразу не израсходуете, он затвердеет. Клей пока не затвердел, хорошо отмывается под струей горячей воды. Пенопластовые крошки имеют свойство прилипать, для снятия статического напряжения прикасайтесь к заземленным предметам.

Покрасьте полученную заготовку.

Установите спойлер на приготовленное место.

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

Инструкция

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

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

Теперь на обратной (салонной) стороне двери отверните гайку правого крепления спойлера. Не забудьте снять специальную шайбу. Проделайте ту же самую операцию с другой стороны двери. Найдите колодку проводов, которая подключена к дополнительному сигналу торможения, установленного на спойлере. Вытащите провода из разъема.

При помощи гаечного на «8» открутите гайку, которая крепит провод «массы» дополнительного сигнала и отсоедините провод от . Попросив помощника взяться за один край спойлера, вдвоем снимите его с . Установите обивку двери на место и заделайте отверстия от болтов крепления при помощи герметика или других подручных средств. После этого тщательно отполируйте рабочую поверхность.

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

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

Инструкция

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

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

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

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

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

Как обыграть онлайн-казино на 368 548 рублей, используя дыру в алгоритме?
Пошаговая инструкция

Привет! В интернете меня знают, как Джером Холден и я зарабатываю на тестировании алгоритмов всем известного казино Вулкан: ищу уязвимости в играх, делаю ставки и срываю куш.

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

За три месяца я заработал на своих схемах 973 000 рублей:


Укрепляют матрицу, как правило эпоксидным клеем (смолой) и стеклотканевой сеткой (стеклотканью). А вот получить саму матрицу можно по-разному:

Спойлер из пенопластаЧтобы изготовить спойлер на багажник часто применяют лист оцинковки (железа). Этот лист будет выполнять роль скелета. Края листа загибают в виде латинской буквы L, чтобы в дальнейшем было легко закрепить спойлер на поверхности автомобиля.

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

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

Если планируете установить стоп-сигнал в спойлер или установить в спойлер подсветку из светодиодов, то проложить провода стоит именно на этом моменте.

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

Потребовалось: Лист железа, пенопласт, углеволокно, эпоксидный клей около 10 упаковок по 150 гр., шпатлевка, баллончик грунтовки, баллончик краски и баллончик лака. Цена вопроса около 1000 рублей.

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

Армирование стекловолокном и стеклотканью, как и шпатлевание и покраска выполняется аналогичным образом. (см. пункт Спойлер из Пенопласта).

Крепление сделано из металлических вставок (П образный профиль крепление), которые вставлялись в стеклоткань перед заливкой эпоксидным клеем.

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

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

Как сделать матрицу прочнее описано выше (см. пункт Спойлер из Пенопласта).

Купить спойлер Если Вы не готовы потратить время на изготовление индивидуального спойлера автомобиля и озадачены вопросом: где купить спойлер на ВАЗ , тогда загляните в

Вы ищите обыкновенный спойлер - простой элемент 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. Кнопками (много раз на стр.)

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

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?