[архив] Anki: показывать/скрывать слова в карточке по нажатию
В данном видео показываю, как скрывать или показывать информацию внутри карточки Анки через нажатие кнопки
Привет всем! Сегодня я отвечу на интересный вопрос про Anki: как скрыть каждое слово в поле ответа и открывать их поочередно по нажатию? Вопрос поступил от Руслана. Он хотел узнать, как сделать так, чтобы список аминокислот открывался поочередно: сначала глицин, затем лизин, тирозин, серин и так далее.
Для начала, давайте поймем, что Anki по сути — это веб-страница, и мы можем использовать HTML для реализации различных функций. Один из простейших способов — использовать тег <details>
и <summary>
, который создаст раскрывающиеся элементы.
- Заходим в Anki, открываем "Редактирование", затем "Карточки". Мы видим окно настройки шаблона записи. В шаблоне оборотной стороны добавляем следующий код:
- Теперь, когда мы откроем карточку, у нас будет список аминокислот. По нажатию на каждую аминокислоту будет открываться её описание.
<details> <summary>Аминокислота 1</summary> Глицин </details> <details> <summary>Аминокислота 2</summary> Лизин </details> <details> <summary>Аминокислота 3</summary> Тирозин </details> <details> <summary>Аминокислота 4</summary> Серин </details> <details> <summary>Аминокислота 5</summary> Глутаминовая кислота </details> <details> <summary>Аминокислота 6</summary> Аспарагиновая кислота </details> <details> <summary>Аминокислота 7</summary> Аспарагин </details>
Этот код создает раскрывающиеся элементы, которые открываются по нажатию на название аминокислоты.
Этот метод прост и не требует знания JavaScript. Если у вас нет опыта работы с HTML, не переживайте, всё достаточно просто.
Для тех, кто хочет более гибких настроек, например, изменить цвет или размер шрифта, можно добавить CSS-стили:
<style> details { margin-bottom: 10px; } summary { font-weight: bold; cursor: pointer; } details[open] summary { color: blue; } </style>
Эти стили добавляют отступы между элементами, делают заголовок жирным и меняют его цвет при раскрытии.
Вот таким образом можно легко и просто настроить отображение слов поочередно в Anki. Надеюсь, это поможет вам в изучении аминокислот и других сложных тем.
Если видео понравилось, ставьте палец вверх. Если нет — палец вниз. Оставляйте комментарии, мне интересно их читать. Если хотите поддержать канал, ссылка будет в описании. Всем спасибо за просмотр и до следующего раза! Всем пока!
13. жесткие (не)носителей английского - стрессоустойчивость
Делюсь наблюдениями о жесткости носителей и неносителей английского в плане стрессоустойчивости. Без...
читать
11. произношение - заморачиваться или нет
Изучая иностранный язык, хочется достичь чистого произношения, как у носителей. Насколько это важно ...
читать
21. не ограничивайтесь только одним словарем. смотрите и в другие
Так бывает, что нужно заглянуть в несколько словарей, чтобы найти и подтвердить новые слова выражени...
читать
Запомнить испанские слова. Пекари грешат? Мнемоника
Мнемоника сильный инструмент для запоминания слов. Поверхностно рассмотрим на простом примере
читать
Как пользоваться Anki 4 - несколько карточек из одной записи
Анки позволяет создавать несколько карточек из одной с разным отображением полей и распределять их п...
читать