[html]<!-- Скрипт спойлера -->
<script>
jQuery(function () {
let sp_content = jQuery('.event__block .spoiler__content'), sp_title = jQuery('.event__block:not(.no_active) .spoiler__title');
sp_content.hide();
sp_title.on('click', function () {
let inx = jQuery('.spoiler__title').index(this);
jQuery(sp_content[inx]).slideToggle(100);
jQuery(sp_title[inx]).toggleClass('active');
});
jQuery('.spoiler__title.active').on('click', function () {
let inxa = jQuery('.spoiler__title.active').index(this);
jQuery(sp_content[inxa]).hide(100);
});
});
</script>
<!-- END. Скрипт спойлера -->
<div class="event">
<!-- День 1 -->
<div class="event__block">
<!-- Заголовок -->
<div class="spoiler__title" data-title="Открой меня!">
<!-- Тут меняем картинку -->
<img src="https://i.imgur.com/UYSH4uC.jpg">
</div>
<!-- Тут пишем текст для 1 дня -->
<div class="spoiler__content">Текст ивента</div>
</div>
<!-- День 2 -->
<div class="event__block">
<!-- Заголовок -->
<div class="spoiler__title" data-title="Открой меня!">
<!-- Тут меняем картинку -->
<img src="https://i.imgur.com/EzyZ9mJ.jpg">
</div>
<!-- Тут пишем текст для 2 дня -->
<div class="spoiler__content">Текст ивента</div>
</div>
<!-- День 3 -->
<div class="event__block no_active">
<!-- Заголовок -->
<div class="spoiler__title" data-title="Открой меня!">
<!-- Тут меняем картинку -->
<img src="https://i.imgur.com/UYSH4uC.jpg">
</div>
<!-- Тут пишем текст для 3 дня -->
<div class="spoiler__content">Текст ивента</div>
</div>
<!-- День 4 -->
<div class="event__block no_active">
<!-- Заголовок -->
<div class="spoiler__title" data-title="Открой меня!">
<!-- Тут меняем картинку -->
<img src="https://i.imgur.com/EzyZ9mJ.jpg">
</div>
<!-- Тут пишем текст для 4 дня -->
<div class="spoiler__content">Текст ивента</div>
</div>
<!-- День 5 -->
<div class="event__block no_active">
<!-- Заголовок -->
<div class="spoiler__title" data-title="Открой меня!">
<!-- Тут меняем картинку -->
<img src="https://i.imgur.com/UYSH4uC.jpg">
</div>
<!-- Тут пишем текст для 5 дня -->
<div class="spoiler__content">Текст ивента</div>
</div>
<!-- День 6 -->
<div class="event__block no_active">
<!-- Заголовок -->
<div class="spoiler__title" data-title="Открой меня!">
<!-- Тут меняем картинку -->
<img src="https://i.imgur.com/EzyZ9mJ.jpg">
</div>
<!-- Тут пишем текст для 6 дня -->
<div class="spoiler__content">Текст ивента</div>
</div>
<!-- День 7 -->
<div class="event__block no_active">
<!-- Заголовок -->
<div class="spoiler__title" data-title="Открой меня!">
<!-- Тут меняем картинку -->
<img src="https://i.imgur.com/UYSH4uC.jpg">
</div>
<!-- Тут пишем текст для 7 дня -->
<div class="spoiler__content">Текст ивента</div>
</div>
<!-- День 8 -->
<div class="event__block no_active">
<!-- Заголовок -->
<div class="spoiler__title" data-title="Открой меня!">
<!-- Тут меняем картинку -->
<img src="https://i.imgur.com/EzyZ9mJ.jpg">
</div>
<!-- Тут пишем текст для 8 дня -->
<div class="spoiler__content">Текст ивента</div>
</div>
<!-- День 9 -->
<div class="event__block no_active">
<!-- Заголовок -->
<div class="spoiler__title" data-title="Открой меня!">
<!-- Тут меняем картинку -->
<img src="https://i.imgur.com/UYSH4uC.jpg">
</div>
<!-- Тут пишем текст для 9 дня -->
<div class="spoiler__content">Текст ивента</div>
</div>
<!-- День 10 -->
<div class="event__block no_active">
<!-- Заголовок -->
<div class="spoiler__title" data-title="Открой меня!">
<!-- Тут меняем картинку -->
<img src="https://i.imgur.com/EzyZ9mJ.jpg">
</div>
<!-- Тут пишем текст для 10 дня -->
<div class="spoiler__content">Текст ивента</div>
</div>
<!-- День 11 -->
<div class="event__block no_active">
<!-- Заголовок -->
<div class="spoiler__title" data-title="Открой меня!">
<!-- Тут меняем картинку -->
<img src="https://i.imgur.com/UYSH4uC.jpg">
</div>
<!-- Тут пишем текст для 11 дня -->
<div class="spoiler__content">Текст ивента</div>
</div>
<!-- День 12 -->
<div class="event__block no_active">
<!-- Заголовок -->
<div class="spoiler__title" data-title="Открой меня!">
<!-- Тут меняем картинку -->
<img src="https://i.imgur.com/EzyZ9mJ.jpg">
</div>
<!-- Тут пишем текст для 12 дня -->
<div class="spoiler__content">Текст ивента</div>
</div>
<!-- День 13 -->
<div class="event__block no_active">
<!-- Заголовок -->
<div class="spoiler__title" data-title="Открой меня!">
<!-- Тут меняем картинку -->
<img src="https://i.imgur.com/UYSH4uC.jpg">
</div>
<!-- Тут пишем текст для 13 дня -->
<div class="spoiler__content">Текст ивента</div>
</div>
<!-- День 14 -->
<div class="event__block no_active">
<!-- Заголовок -->
<div class="spoiler__title" data-title="Открой меня!">
<!-- Тут меняем картинку -->
<img src="https://i.imgur.com/EzyZ9mJ.jpg">
</div>
<!-- Тут пишем текст для 14 дня -->
<div class="spoiler__content">Текст ивента</div>
</div>
<!-- День 15 -->
<div class="event__block no_active">
<!-- Заголовок -->
<div class="spoiler__title" data-title="Открой меня!">
<!-- Тут меняем картинку -->
<img src="https://i.imgur.com/UYSH4uC.jpg">
</div>
<!-- Тут пишем текст для 15 дня -->
<div class="spoiler__content">Текст ивента</div>
</div>
<!-- День 16 -->
<div class="event__block no_active">
<!-- Заголовок -->
<div class="spoiler__title" data-title="Открой меня!">
<!-- Тут меняем картинку -->
<img src="https://i.imgur.com/EzyZ9mJ.jpg">
</div>
<!-- Тут пишем текст для 16 дня -->
<div class="spoiler__content">Текст ивента</div>
</div>
<!-- День 17 -->
<div class="event__block no_active">
<!-- Заголовок -->
<div class="spoiler__title" data-title="Открой меня!">
<!-- Тут меняем картинку -->
<img src="https://i.imgur.com/UYSH4uC.jpg">
</div>
<!-- Тут пишем текст для 17 дня -->
<div class="spoiler__content">Текст ивента</div>
</div>
<!-- День 18 -->
<div class="event__block no_active">
<!-- Заголовок -->
<div class="spoiler__title" data-title="Открой меня!">
<!-- Тут меняем картинку -->
<img src="https://i.imgur.com/EzyZ9mJ.jpg">
</div>
<!-- Тут пишем текст для 18 дня -->
<div class="spoiler__content">Текст ивента</div>
</div>
<!-- День 19 -->
<div class="event__block no_active">
<!-- Заголовок -->
<div class="spoiler__title" data-title="Открой меня!">
<!-- Тут меняем картинку -->
<img src="https://i.imgur.com/UYSH4uC.jpg">
</div>
<!-- Тут пишем текст для 19 дня -->
<div class="spoiler__content">Текст ивента</div>
</div>
<!-- День 20 -->
<div class="event__block no_active">
<!-- Заголовок -->
<div class="spoiler__title" data-title="Открой меня!">
<!-- Тут меняем картинку -->
<img src="https://i.imgur.com/EzyZ9mJ.jpg">
</div>
<!-- Тут пишем текст для 20 дня -->
<div class="spoiler__content">Текст ивента</div>
</div>
<!-- День 21 -->
<div class="event__block no_active">
<!-- Заголовок -->
<div class="spoiler__title" data-title="Открой меня!">
<!-- Тут меняем картинку -->
<img src="https://i.imgur.com/UYSH4uC.jpg">
</div>
<!-- Тут пишем текст для 21 дня -->
<div class="spoiler__content">Текст ивента</div>
</div>
<!-- День 22 -->
<div class="event__block no_active">
<!-- Заголовок -->
<div class="spoiler__title" data-title="Открой меня!">
<!-- Тут меняем картинку -->
<img src="https://i.imgur.com/EzyZ9mJ.jpg">
</div>
<!-- Тут пишем текст для 22 дня -->
<div class="spoiler__content">Текст ивента</div>
</div>
<!-- День 23 -->
<div class="event__block no_active">
<!-- Заголовок -->
<div class="spoiler__title" data-title="Открой меня!">
<!-- Тут меняем картинку -->
<img src="https://i.imgur.com/EzyZ9mJ.jpg">
</div>
<!-- Тут пишем текст для 23 дня -->
<div class="spoiler__content">Текст ивента</div>
</div>
<!-- День 24 -->
<div class="event__block no_active">
<!-- Заголовок -->
<div class="spoiler__title" data-title="Открой меня!">
<!-- Тут меняем картинку -->
<img src="https://i.imgur.com/UYSH4uC.jpg">
</div>
<!-- Тут пишем текст для 24 дня -->
<div class="spoiler__content">Текст ивента</div>
</div>
<!-- День 25 -->
<div class="event__block no_active">
<!-- Заголовок -->
<div class="spoiler__title" data-title="Открой меня!">
<!-- Тут меняем картинку -->
<img src="https://i.imgur.com/EzyZ9mJ.jpg">
</div>
<!-- Тут пишем текст для 25 дня -->
<div class="spoiler__content">Текст ивента</div>
</div>
</div>[/html]