diff --git a/ru/_includes/default-element.md b/ru/_includes/default-element.md new file mode 100644 index 00000000..3daaa609 --- /dev/null +++ b/ru/_includes/default-element.md @@ -0,0 +1,75 @@ +### Элемент по умолчанию + +Если нужно, чтобы выбранный элемент был раскрыт по умолчанию, добавьте атрибут `{selected}` к нужному пункту. + +{% list tabs %} + +- Пример с аккордеоном + + ```markdown + {% list tabs accordion %} + + - Название пункта 1 + + Контент для пункта 1. + + - Название пункта 2 + + Контент для пункта 2. + + - Название пункта 3 {selected} + + Контент для пункта 3. + + {% endlist %} + ``` + + **Результат:** + + {% list tabs accordion %} + + - Название пункта 1 + + Контент для пункта 1. + + - Название пункта 2 + + Контент для пункта 2. + + - Название пункта 3 {selected} + + Контент для пункта 3. + + {% endlist %} + +- Пример с радиобаттонами + + ```markdown + {% list tabs radio %} + + - Название пункта 1 + + Текст. + + - Название пункта 2 {selected} + + Пункт будет открыт по умолчанию. + + {% endlist %} + ``` + + **Результат:** + + {% list tabs radio %} + + - Название пункта 1 + + Текст. + + - Название пункта 2 {selected} + + Пункт будет открыт по умолчанию. + + {% endlist %} + +{% endlist %} \ No newline at end of file diff --git a/ru/syntax/cuts-tabs-radio.md b/ru/syntax/cuts-tabs-radio.md index 627d01af..210a75d0 100644 --- a/ru/syntax/cuts-tabs-radio.md +++ b/ru/syntax/cuts-tabs-radio.md @@ -1,10 +1,10 @@ # Каты, табы и радиобаттоны -Благодаря расширениям YFM вы можете использовать интерактивные элементы разметки: каты, табы и радиобаттоны. +Благодаря расширениям YFM вы можете использовать интерактивные элементы разметки: каты, табы, радиобаттоны, дропдаун и аккордеон. {% note info %} -Содержимое катов, табов и радиобаттонов может включать любую разметку YFM. +Содержимое катов, табов, радиобаттонов, дропдауна и аккордеона может включать любую разметку YFM. {% endnote %} @@ -166,3 +166,77 @@ - отступ для содержимого таба - два пробела. {% endnote %} + +## Дропдаун {#dropdawn} + +Используйте дропдаун, чтобы получить удобный выпадающий список, если элементов со скрытым контентом слишком много. + +```markdown +{% list tabs dropdown %} + +- Название пункта 1 + + Контент для пункта 1. + +- Название пункта 2 + + Контент для пункта 2. + +{% endlist %} +``` + +**Результат:** + +{% list tabs dropdown %} + +- Название пункта 1 + + Контент для пункта 1. + +- Название пункта 2 + + Контент для пункта 2. + +{% endlist %} + +## Аккордеон {#accordion} + +Аккордеон позволяет свернуть или раскрыть содержимое по вашему выбору, отлично подходит для организации больших объемов информации. + +```markdown +{% list tabs accordion %} + +- Название пункта 1 + + Контент для пункта 1. + +- Название пункта 2 + + Контент для пункта 2. + +- Название пункта 3 + + Контент для пункта 3. + +{% endlist %} +``` + +**Результат:** + +{% list tabs accordion %} + +- Название пункта 1 + + Контент для пункта 1. + +- Название пункта 2 + + Контент для пункта 2. + +- Название пункта 3 + + Контент для пункта 3. + +{% endlist %} + +{% include [default-value-for-tabs-and-radiobtns](../_includes/default-element.md) %} \ No newline at end of file