Участник: TFMB: различия между версиями

Версия от 20:49, 11 сентября 2024

Глава Службы Безопасности

Отдел:

Отдел Службы Безопасности

Обязанности:

Обеспечить порядок на станции

Уровень доступа:

бриг

Необходимое время:

пока не настроено

Руководства:

Ваши срп

todo:

сделать раскрывающийся акордион в Шаблон:Blockbtn

   Контент 1: Здесь находится раскрывающийся текст.

   Контент 2: Еще один раскрывающийся текст.

   Контент 3: Текст для третьего аккордеона.

@@ Строка 10: / Строка 10: @@
 :todo:
 сделать раскрывающийся акордион в [[Шаблон:Blockbtn]]
+{{#css:
+.accordion {
+  width: 100%;
+}
+/* Стили для заголовков аккордеона */
+.accordion .header {
+  background-color: #f1f1f1;
+  padding: 10px;
+  border: 1px solid #ccc;
+  cursor: pointer;
+  margin-top: 5px;
+}
+/* Скрытый контент по умолчанию */
+.accordion .content {
+  max-height: 0;
+  overflow: hidden;
+  transition: max-height 0.3s ease;
+  padding: 0 10px;
+  border: 1px solid #ccc;
+}
+/* При наведении на заголовок */
+.accordion .header:hover + .content {
+  max-height: 100px; /* Высота для раскрытого контента */
+  padding: 10px;
+}
+}}
+<div class="accordion">
+  <div class="header">Заголовок 1</div>
+  <div class="content">
+    <span>Контент 1: Здесь находится раскрывающийся текст.</span>
+  </div>
+  <div class="header">Заголовок 2</div>
+  <div class="content">
+    <span>Контент 2: Еще один раскрывающийся текст.</span>
+  </div>
+  <div class="header">Заголовок 3</div>
+  <div class="content">
+    <span>Контент 3: Текст для третьего аккордеона.</span>
+  </div>
+</div>