Шаблон:ВопросОтвет: различия между версиями

Текущая версия от 14:56, 3 июня 2025

Документация шаблона: ВопросОтвет

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

Важно: Параметр ID

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

ID должен быть порядковым номером секции и вопроса в ней, например: `ID=s1q1`, `ID=s2q10`, `ID=s3q2`.
ID не должен содержать пробелов и спецсимволов, используйте латинские буквы и цифры.

Использование

{{ВопросОтвет
|ID= s1q1 
|ЗаголовокВопроса= Как работает мана?
|ПолныйВопрос= Расскажите подробнее о механике восстановления и использования маны.
|Ответ= Мана восстанавливается со временем или при использовании специальных зелий...
}}

{{ВопросОтвет
|ID= s2q1
|ЗаголовокВопроса= Какие есть школы магии?
|Ответ= Существуют следующие школы магии: школа огня, школа воды...
}}

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

Параметры шаблона[Править данные шаблона]
Шаблон использует блочное форматирование параметров.
Параметр		Описание	Тип	Статус
Уникальный ID	`ID`	Уникальный идентификатор для этого вопроса-ответа на странице (без пробелов и спецсимволов, например, 's1q1', 's2q10'). Необходим для работы сворачивания. Должен быть уникален для каждого вызова шаблона на одной странице. Пример faqGeneral01	Строковый (без форматирования)	обязательный
Заголовок вопроса	`ЗаголовокВопроса`	Краткий видимый заголовок вопроса, который служит кликабельным переключателем. Пример Как это работает?	Строковый (без форматирования)	обязательный
Полный вопрос (необязательно)	`ПолныйВопрос`	Полный текст вопроса, если он отличается от заголовка. Отображается при разворачивании. Пример Не могли бы вы подробнее объяснить, как работает эта функция?	Строковый (без форматирования)	необязательный
Ответ	`Ответ`	Текст ответа на вопрос. Отображается при разворачивании. Пример Эта функция работает путем...	Содержимое (контент)	обязательный

@@ Строка 1: / Строка 1: @@
 <includeonly><div class="qa-item">
-   <div class="mw-customtoggle-qa{{{ID}}}" style="font-weight:bold; cursor:pointer; padding: 5px; border-bottom: 1px solid #ccc; background-color: #f0f0f0;">{{{ЗаголовокВопроса|Заголовок вопроса}}}</div>
+   <div class="qa-header mw-customtoggle-qa{{{ID}}}"><span class="qa-header-title">{{{ЗаголовокВопроса|Заголовок вопроса}}}</span><span class="qa-toggle-icon"></span></div>
-   <div class="mw-collapsible mw-collapsed qa-content" id="mw-customcollapsible-qa{{{ID}}}" style="padding:10px; border: 1px solid #ddd; border-top:none; background-color: #fff;">
+   <div class="qa-content mw-collapsible mw-collapsed" id="mw-customcollapsible-qa{{{ID}}}">
      {{#if:{{{ПолныйВопрос|}}}|
-       <div class="qa-full-question" style="margin-bottom:8px;">
+       <div class="qa-full-question">
-         <p style="margin-top:0;">'''Вопрос:''' {{{ПолныйВопрос}}}</p>
+         <p>'''Вопрос:''' {{{ПолныйВопрос}}}</p>
        </div>
      }}
      <div class="qa-answer">
-       <p style="margin-top:0;">'''Ответ:''' {{{Ответ|Ответ на вопрос...}}}</p>
+       <p>'''Ответ:''' {{{Ответ|Ответ на вопрос...}}}</p>
      </div>
    </div>