[html]<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
@import url('https://forumstatic.ru/files/001c/a6/68/49890.css?v=5');
</style>
<div class="legends-container">
<!-- Заголовок блога -->
<div class="blog-header">
<h1 class="blog-title">ГОРОДСКИЕ ЛЕГЕНДЫ ОРЛАНДО</h1>
<p class="blog-subtitle">Документация паранормальных явлений и призрачных сущностей</p>
<p class="blog-tagline">Запись из архива Orlando's Phantoms, дополнена свидетельствами очевидцев</p>
<!-- Легенда цветов опасности -->
<div class="danger-legend">
<div class="danger-item">
<span class="danger-color color-lethal"></span>
<span>Летальный исход <i class="fas fa-skull"></i></span>
</div>
<div class="danger-item">
<span class="danger-color color-serious"></span>
<span>Серьёзные травмы <i class="fas fa-user-injured"></i></span>
</div>
<div class="danger-item">
<span class="danger-color color-injury"></span>
<span>Травмы <i class="fas fa-band-aid"></i></span>
</div>
<div class="danger-item">
<span class="danger-color color-malaise"></span>
<span>Недомогание <i class="fas fa-head-side-virus"></i></span>
</div>
<div class="danger-item">
<span class="danger-color color-mental"></span>
<span>Ментальные проблемы <i class="fas fa-brain"></i></span>
</div>
</div>
</div>
<!-- Основные табы (категории) -->
<div class="legends-main-tabs">
<button class="main-tab active icon icon-all" onclick="switchTab('all')">
Все легенды
</button>
<button class="main-tab icon icon-road" onclick="switchTab('road')">
Дорога
</button>
<button class="main-tab icon icon-city" onclick="switchTab('city')">
Город
</button>
<button class="main-tab icon icon-building" onclick="switchTab('buildings')">
Здания
</button>
<button class="main-tab icon icon-park" onclick="switchTab('parks')">
Парки
</button>
</div>
<!-- Контент -->
<div class="legends-content">
<!-- Вкладка "Все легенды" -->
<div id="tab-all" class="tab-pane active">
<div class="search-box">
<span class="search-icon"><i class="fas fa-search"></i></span>
<input type="text" class="search-input" placeholder="Поиск по названию легенды..." onkeyup="searchLegends(this.value)">
</div>
<div id="all-legends-list">
<!-- Сюда динамически загружаются все легенды -->
</div>
</div>
<!-- Вкладка "Дорога" -->
<div id="tab-road" class="tab-pane">
<h3 class="category-title icon icon-road">Явления на дорогах и шоссе</h3>
<p class="category-desc">Городские легенды, с которыми можно столкнуться на дорогах города</p>
<!-- Пассажир -->
<div class="legend-accordion">
<div class="accordion-header" onclick="toggleAccordion(this)">
<div class="accordion-title">
<span class="icon icon-ghost"></span>
Пассажир
<span class="legend-badge badge-lethal"><i class="fas fa-skull"></i> Летальный</span>
<span class="legend-badge badge-serious"><i class="fas fa-user-injured"></i> Серьёзные травмы</span>
</div>
<span class="accordion-toggle">+</span>
</div>
<div class="accordion-content">
<div class="legend-description">
<p>Во время ночных поездок по городу все чаще встречается явление, которое провоцирует нередко аварии, в том числе с летальным исходом. Полиция не склонна верить этим россказням, но вынуждена все чаще фиксировать одни и те же показания. В зеркале заднего вида водители замечают темную фигуру. Чаще всего это похоже на мужчину в строгом костюме, но встречаются описания и женщины.</p>
<p>На форумах пишут, что в случае если отвести взгляд и игнорировать странного пассажира некоторое время, силуэт пропадает. Если же обернуться или продолжить на него смотреть, то непрошеный гость протягивает руки и начинает душить водителя.</p>
</div>
<div class="legend-section">
<h4><i class="fas fa-clipboard-list"></i> Особенности явления:</h4>
<ul class="feature-list">
<li><strong>Время появления:</strong> Ночные поездки</li>
<li><strong>Место:</strong> Автомобили, весь город</li>
<li><strong>Внешность:</strong> Темная фигура (мужчина или женщина в деловом костюме)</li>
<li><strong>Появление:</strong> В зеркале заднего вида</li>
<li><strong>Совет:</strong> Не смотреть, не оборачиваться</li>
<li><strong>Атака:</strong> Удушение при зрительном контакте</li>
</ul>
</div>
<div class="legend-targets">
<p><i class="fas fa-user-injured victim-icon"></i> <strong>Группа риска:</strong> Уставшие водители, таксисты, работающие в ночную смену</p>
<p><i class="fas fa-exclamation-triangle victim-icon"></i> <strong>Последствия:</strong> Возможна смерть в аварии, ряд сильных ДТП</p>
</div>
</div>
</div>
</div>
<!-- Вкладка "Город" -->
<div id="tab-city" class="tab-pane">
<h3 class="category-title icon icon-city">Городские явления</h3>
<p class="category-desc">Легенды, оживающие на улицах города</p>
<!-- Женщина в белом -->
<div class="legend-accordion">
<div class="accordion-header" onclick="toggleAccordion(this)">
<div class="accordion-title">
<span class="icon icon-woman"></span>
Женщина в белом (Ла Йорона)
<span class="legend-badge badge-malaise"><i class="fas fa-head-side-virus"></i> Недомогание</span>
</div>
<span class="accordion-toggle">+</span>
</div>
<div class="accordion-content">
<div class="legend-description">
<p>Возле воды и больниц то и дело видят женщину в белом, почти свадебном платье. Невероятно красивая, она всегда печальна, растеряна. Неспешной походкой женщина идет босиком по городским улицам и называет имена, стараясь кого-то найти. Она может пройти мимо, вызывая при этом табун мурашек. И лучше ей пройти мимо, потому что, стоит задержать на ней взгляд, как женщина замечает смотрящего.</p>
<p>Толпа расступается, иначе едут машины. Улыбаясь радостно и счастливо, незнакомка подходит ближе, говоря мелодично и ласково. Ее руки неизменно тянутся к шее, чтобы спустя миг начать душить. Все исчезает так же резко и быстро, как и начинается.</p>
</div>
<div class="legend-section">
<h4><i class="fas fa-clipboard-list"></i> Особенности явления:</h4>
<ul class="feature-list">
<li><strong>Время появления:</strong> Ночные часы</li>
<li><strong>Места обитания:</strong> Возле воды, больниц</li>
<li><strong>Внешность:</strong> Красивая женщина в белом, почти свадебном платье</li>
<li><strong>Поведение:</strong> Ищет кого-то, называет имена</li>
<li><strong>Атака:</strong> Удушение после установления зрительного контакта</li>
</ul>
</div>
<div class="legend-targets">
<p><i class="fas fa-heart-broken victim-icon"></i> <strong>Группа риска:</strong> Мужчины, склонные к изменам; женщины, которые боятся стать плохими матерями</p>
<p><i class="fas fa-exclamation-triangle victim-icon"></i> <strong>Последствия:</strong> Ощущение, что не хватает воздуха, сильный испуг, недомогание</p>
</div>
</div>
</div>
<!-- Арт-Хаос -->
<div class="legend-accordion">
<div class="accordion-header" onclick="toggleAccordion(this)">
<div class="accordion-title">
<span class="icon icon-spray"></span>
Арт-Хаос
<span class="legend-badge badge-malaise"><i class="fas fa-head-side-virus"></i> Недомогание</span>
</div>
<span class="accordion-toggle">+</span>
</div>
<div class="accordion-content">
<div class="legend-description">
<p>На улицах города можно увидеть граффити. Красивые и реалистичные, они чаруют своим стилем. И отталкивают, визуализируя худший кошмар смотрящего. Стоит их заметить, как некоторое время граффити будет словно преследовать человека, перемещаясь от стены к стене, изменяя свои черты.</p>
<p>Если просто идти мимо и перейти дорогу через две полосы, граффити перестает преследовать. Но если испугаться и начать бежать, то словно какая-то сила загоняет в тупик, где ненадолго граффити сходит со стены, чтобы напасть. После пропадает.</p>
</div>
<div class="legend-section">
<h4><i class="fas fa-clipboard-list"></i> Особенности явления:</h4>
<ul class="feature-list">
<li><strong>Форма:</strong> Граффити, меняющее облик</li>
<li><strong>Содержание:</strong> Худший кошмар смотрящего</li>
<li><strong>Поведение:</strong> Преследует, перемещается</li>
<li><strong>Совет:</strong> Не бежать, продолжать идти. Пересечь дорогу с двумя полосами</li>
<li><strong>Опасность:</strong> Загоняет в тупик, сходит со стены</li>
</ul>
</div>
<div class="legend-targets">
<p><i class="fas fa-palette victim-icon"></i> <strong>Группа риска:</strong> Творческие люди, художники, студенты художественных вузов</p>
<p><i class="fas fa-exclamation-triangle victim-icon"></i> <strong>Последствия:</strong> Испуг, временное недомогание, усталость</p>
</div>
</div>
</div>
<!-- Следующий -->
<div class="legend-accordion">
<div class="accordion-header" onclick="toggleAccordion(this)">
<div class="accordion-title">
<span class="icon icon-follower"></span>
Следующий
<span class="legend-badge badge-injury"><i class="fas fa-band-aid"></i> Травмы</span>
</div>
<span class="accordion-toggle">+</span>
</div>
<div class="accordion-content">
<div class="legend-description">
<p>День, ночь, город, проселочная дорога. Прогулка пешком или на велосипеде. Ощущение взгляда может прожечь спину, а после обдать лютым холодом, и здесь правило одно - не оборачивайся. Потому что там - оно. Странная темная фигура, которая начинает идти или бежать следом.</p>
<p>Не важно, насколько ты быстр - оно настигнет тебя. В руках блеснет нож, а потом пронзит спину или грудь, только чтобы после исчезнуть, не оставив ран на теле.</p>
</div>
<div class="legend-section">
<h4><i class="fas fa-clipboard-list"></i> Особенности явления:</h4>
<ul class="feature-list">
<li><strong>Предвестник:</strong> Ощущение взгляда в спину, холод</li>
<li><strong>Правило:</strong> Не оборачиваться</li>
<li><strong>Объект:</strong> Темная фигура</li>
<li><strong>Поведение:</strong> Следует за жертвой, если обернуться и продолжить идти - настигает всегда</li>
<li><strong>Оружие:</strong> Нож</li>
<li><strong>Атака:</strong> Пронзает спину или грудь, затем исчезает</li>
</ul>
</div>
<div class="legend-targets">
<p><i class="fas fa-running victim-icon"></i> <strong>Группа риска:</strong> Те, кто испытывает страх преследования</p>
<p><i class="fas fa-exclamation-triangle victim-icon"></i> <strong>Последствия:</strong> Травмы от падений, порезы, ушибы, полученные во время попыток бегства</p>
</div>
</div>
</div>
<!--дальше тут -->
</div>
<!-- Вкладка "Здания" -->
<div id="tab-buildings" class="tab-pane">
<h3 class="category-title icon icon-building">Явления в зданиях</h3>
<p class="category-desc">То, с чем можно столкнуться внутри помещений. Нестареющая классика и ужасы нового времени</p>
<!-- Кровавая Мери -->
<div class="legend-accordion">
<div class="accordion-header" onclick="toggleAccordion(this)">
<div class="accordion-title">
<span class="icon icon-mirror"></span>
Кровавая Мери
<span class="legend-badge badge-malaise"><i class="fas fa-head-side-virus"></i> Недомогание</span>
</div>
<span class="accordion-toggle">+</span>
</div>
<div class="accordion-content">
<div class="legend-description">
<p>В основе - древнее гадание. Пройти спиной вперед по лестнице, держа в руке свечу, которая будет единственным источником света в темном доме, где кроме "гадающего" никого нет. Потом стать перед зеркалом, провести свечой перед ним, позвать Кровавую Мэри и попросить у нее показать избранника сердца. Порой в зеркале и вправду можно увидеть мутные очертания человека. Это почти всегда вынуждает наклониться ближе. А потом из него высовывается рука и хватает за запястье.</p>
</div>
<div class="legend-section">
<h4><i class="fas fa-clipboard-list"></i> Условия вызова:</h4>
<ul class="feature-list">
<li><strong>Место:</strong> Быть в доме одному/одной и выключить весь свет</li>
<li><strong>Время:</strong> Ночь</li>
<li><strong>Ритуал:</strong> Пройти спиной вперед по лестнице со свечой</li>
<li><strong>Зов:</strong> Позвать Кровавую Мэри три раза</li>
<li><strong>Просьба:</strong> Показать суженого</li>
<li><strong>Опасность:</strong> Что-то вылезает из зеркала и хватает за запястье</li>
</ul>
</div>
<div class="legend-targets">
<p><i class="fas fa-candle victim-icon"></i> <strong>Группа риска:</strong> Любой, кто выполняет условия старой городской легенды в полной темноте и одиночестве</p>
<p><i class="fas fa-exclamation-triangle victim-icon"></i> <strong>Последствия:</strong> Испуг, недомогание, временный паралич от страха</p>
</div>
</div>
</div>
<!-- Вельзевул -->
<div class="legend-accordion">
<div class="accordion-header" onclick="toggleAccordion(this)">
<div class="accordion-title">
<span class="icon icon-bug"></span>
Вельзевул
<span class="legend-badge badge-lethal"><i class="fas fa-skull"></i> Летальный</span>
<span class="legend-badge badge-mental"><i class="fas fa-brain"></i> Ментальные проблемы</span>
</div>
<span class="accordion-toggle">+</span>
</div>
<div class="accordion-content">
<div class="legend-description">
<p>Многим знакомо это ощущение. Ощущение усталости и рези в глазах от долгой работы за экраном. И в такой миг порой видны они. Мухи. Тараканы. Кузнечики. Насекомые, что ползают по столу, по экрану. Порой достаточно проморгаться и протереть глаза. Но порой… они не уходят. Их становится все больше.</p>
<p>Звук сотен лапок, крыльев, жужжание. Они везде. А после они начинают ходить по телу, силясь заползти в нос или уши. Самостоятельно избавиться от ощущения крайне тяжело. Кто-то говорит, что нужно вылить на себя воду. Эффект заканчивается мгновенно, если в комнату заходит кто-то еще. Иначе этот контакт может длиться долго, доводя почти до потери сознания.</p>
<p>Этот рой чаще всего появляется перед теми, кто долгое время один работает за экраном. И покидает свою жертву неохотно, появляясь еще несколько раз прежде чем перестать донимать.</p>
</div>
<div class="legend-section">
<h4><i class="fas fa-clipboard-list"></i> Особенности явления:</h4>
<ul class="feature-list">
<li><strong>Триггер:</strong> Долгая работа за экраном в одиночестве</li>
<li><strong>Проявление:</strong> Насекомые (мухи, тараканы, кузнечики)</li>
<li><strong>Развитие:</strong> Количество увеличивается, появляются повсюду</li>
<li><strong>Атака:</strong> Ползают по телу, пытаются заползти внутрь</li>
<li><strong>Защита:</strong> Появление другого человека в комнате, вылить на себя воду</li>
<li><strong>Особенность:</strong> Появляется многократно</li>
</ul>
</div>
<div class="legend-targets">
<p><i class="fas fa-laptop victim-icon"></i> <strong>Группа риска:</strong> Те, кто долгое время один работает за экраном</p>
<p><i class="fas fa-exclamation-triangle victim-icon"></i> <strong>Статистика:</strong> В Орландо известно 20 летальных случаев; у всех погибших белая пелена на глазах; один из выживших упомянул Вельзевула</p>
<p><i class="fas fa-brain victim-icon"></i> <strong>Последствия:</strong> Летальные случаи, ментальные проблемы, панические атаки</p>
</div>
</div>
</div>
<!-- дальше тут -->
</div>
<!-- Вкладка "Парки" -->
<div id="tab-parks" class="tab-pane">
<h3 class="category-title icon icon-park">Парковые явления</h3>
<p class="category-desc">Явления, с которыми можно столкнуться в парках и вне города</p>
<!-- Плачущий мальчик -->
<div class="legend-accordion">
<div class="accordion-header" onclick="toggleAccordion(this)">
<div class="accordion-title">
<span class="icon icon-boy"></span>
Плачущий мальчик
<span class="legend-badge badge-malaise"><i class="fas fa-head-side-virus"></i> Недомогание</span>
</div>
<span class="accordion-toggle">+</span>
</div>
<div class="accordion-content">
<div class="legend-description">
<p>В парках и на дорогах возле мостов краем глаза можно увидеть ребенка. Одной рукой он закрывает лицо, а второй прижимает к груди небольшого мишку. Мальчик плачет и зовет маму, прося ее проснуться, открыть глаза, найти его. Его взгляд в этот момент всегда направлен вниз, на воду.</p>
<p>Те из людей, кто подходили близко, отмечали, что мальчик выглядит напуганным, его одежда грязна и на ней видны капли крови. На мишке также заметна кровь. Если стоять рядом, то спустя время, стоит моргнуть, мальчик исчезает. Если же постараться его успокоить или коснуться, мальчик убирает руку от лица и поднимает взгляд. Его лицо каждый описывает по-разному. Но все сходятся в одном - ужас, который они в этот момент испытали, был парализующим, а от касания маленькой ладони шли мурашки и ощущался дичайший холод. После касания мальчик исчезает, оставляя свидетеля крайне уставшим.</p>
</div>
<div class="legend-section">
<h4><i class="fas fa-clipboard-list"></i> Особенности явления:</h4>
<ul class="feature-list">
<li><strong>Время появления:</strong> Темные ночи</li>
<li><strong>Места обитания:</strong> Мосты в парках или у дорог</li>
<li><strong>Внешность:</strong> Ребенок с мишкой, испачканный кровью</li>
<li><strong>Поведение:</strong> Плачет, зовет маму</li>
<li><strong>Опасность:</strong> Высокая при попытке взаимодействия</li>
</ul>
</div>
<div class="legend-targets">
<p><i class="fas fa-sad-cry victim-icon"></i> <strong>Группа риска:</strong> Люди, пережившие аварию или гибель ребенка, младшей сестры, брата</p>
<p><i class="fas fa-exclamation-triangle victim-icon"></i> <strong>Последствия:</strong> Сильная усталость, недомогание, шок</p>
</div>
</div>
</div>
<!-- Баскервиль -->
<div class="legend-accordion">
<div class="accordion-header" onclick="toggleAccordion(this)">
<div class="accordion-title">
<span class="icon icon-dog"></span>
Баскервиль
<span class="legend-badge badge-injury"><i class="fas fa-band-aid"></i> Травмы</span>
<span class="legend-badge badge-malaise"><i class="fas fa-head-side-virus"></i> Недомогание</span>
</div>
<span class="accordion-toggle">+</span>
</div>
<div class="accordion-content">
<div class="legend-description">
<p>О том, что он рядом, можно понять по стихшим звукам. Спустя время ощущается тяжелый взгляд и слышится рык. А после, стоит обернуться, в нескольких шагах можно увидеть огромного пса с горящими глазами. Из его пасти капает кровавая пена, а рычание пускает мурашки по коже.</p>
<p>Если побежать - пес бросится в погоню и неизбежно настигнет жертву. Однако после укуса человек не обнаруживает на себе никаких ран и травм, кроме тех, что получил при падении. Если же остаться на месте, пес просто лизнет руку и вскоре исчезнет.</p>
</div>
<div class="legend-section">
<h4><i class="fas fa-clipboard-list"></i> Особенности явления:</h4>
<ul class="feature-list">
<li><strong>Предвестники:</strong> Тишина, ощущение взгляда, рык</li>
<li><strong>Внешность:</strong> Огромный пес с горящими глазами</li>
<li><strong>Детали:</strong> Кровавая пена из пасти</li>
<li><strong>Совет:</strong> Не бежать, оставаться на месте</li>
<li><strong>При бегстве:</strong> Преследование и укусы (без физических ран)</li>
<li><strong>При спокойствии:</strong> Исчезает после облизывания руки</li>
</ul>
</div>
<div class="legend-targets">
<p><i class="fas fa-paw victim-icon"></i> <strong>Группа риска:</strong> Те, кто боится собак или хоть раз был жертвой их нападения</p>
<p><i class="fas fa-exclamation-triangle victim-icon"></i> <strong>Последствия:</strong> Травмы от падений при попытке бегства, испуг, недомогание</p>
</div>
</div>
</div>
<!-- дальше тут -->
</div>
</div>
<!-- Футер с радиостанцией -->
<div class="radio-footer">
<p class="radio-info">
<i class="fas fa-broadcast-tower victim-icon"></i> Оставайтесь на волне
<a href="#" class="radio-link">"Orlando's Phantoms"</a></p>
</div>
</div>
<script>
// Данные всех легенд для вкладки "Все легенды" с категориями опасности
const allLegends = [
{
name: "Плачущий мальчик",
preview: "В темные ночи возле мостов в парках или на дорогах краем глаза можно увидеть ребенка...",
category: "parks",
iconClass: "icon-boy",
badges: [
{ class: "badge-malaise", icon: "fas fa-head-side-virus", text: "Недомогание" }
]
},
{
name: "Женщина в белом (Ла Йорона)",
preview: "Возле воды и больниц в ночные часы то и дело видят женщину в белом платье...",
category: "city",
iconClass: "icon-woman",
badges: [
{ class: "badge-malaise", icon: "fas fa-head-side-virus", text: "Недомогание" }
]
},
{
name: "Кровавая Мери",
preview: "Пройти спиной вперед по лестнице, держа в руке свечу...",
category: "buildings",
iconClass: "icon-mirror",
badges: [
{ class: "badge-malaise", icon: "fas fa-head-side-virus", text: "Недомогание" }
]
},
{
name: "Пассажир",
preview: "Ночные поездки жителей города все чаще полнятся пугающим явлением...",
category: "road",
iconClass: "icon-ghost",
badges: [
{ class: "badge-lethal", icon: "fas fa-skull", text: "Летальный" },
{ class: "badge-serious", icon: "fas fa-user-injured", text: "Серьёзные травмы" }
]
},
{
name: "Арт-Хаос",
preview: "На улицах города возможно увидеть граффити...",
category: "city",
iconClass: "icon-spray",
badges: [
{ class: "badge-malaise", icon: "fas fa-head-side-virus", text: "Недомогание" }
]
},
{
name: "Баскервиль",
preview: "О том, что он рядом, можно понять по стихшим звукам...",
category: "parks",
iconClass: "icon-dog",
badges: [
{ class: "badge-injury", icon: "fas fa-band-aid", text: "Травмы" },
{ class: "badge-malaise", icon: "fas fa-head-side-virus", text: "Недомогание" }
]
},
{
name: "Вельзевул",
preview: "Многим знакомо это ощущение. Ощущение усталости и рези в глазах от долгой работы за экраном...",
category: "buildings",
iconClass: "icon-bug",
badges: [
{ class: "badge-lethal", icon: "fas fa-skull", text: "Летальный" },
{ class: "badge-mental", icon: "fas fa-brain", text: "Ментальные проблемы" }
]
},
{
name: "Следующий",
preview: "День, ночь, город, проселочная дорога. Прогулка пешком или на велосипеде...",
category: "city",
iconClass: "icon-follower",
badges: [
{ class: "badge-injury", icon: "fas fa-band-aid", text: "Травмы" }
]
}
];
// Инициализация вкладки "Все легенды"
function initAllLegendsTab() {
const container = document.getElementById('all-legends-list');
container.innerHTML = '';
allLegends.forEach(legend => {
const card = document.createElement('div');
card.className = 'legend-card';
card.setAttribute('data-category', legend.category);
card.setAttribute('data-name', legend.name.toLowerCase());
card.onclick = function() {
switchTab(legend.category);
setTimeout(() => {
openLegendInCategory(legend.name);
}, 100);
};
// Создаём HTML для бейджей
const badgesHTML = legend.badges.map(badge =>
`<span class="legend-badge ${badge.class}"><i class="${badge.icon}"></i> ${badge.text}</span>`
).join('');
card.innerHTML = `
<div class="legend-card-header">
<h4 class="legend-name icon ${legend.iconClass}">${legend.name}</h4>
<div class="legend-badges">
${badgesHTML}
</div>
</div>
<p class="legend-preview">${legend.preview}</p>
`;
container.appendChild(card);
});
}
// Поиск по легендам
function searchLegends(query) {
const cards = document.querySelectorAll('#all-legends-list .legend-card');
const searchTerm = query.toLowerCase();
cards.forEach(card => {
const name = card.getAttribute('data-name');
if (name.includes(searchTerm)) {
card.style.display = 'block';
} else {
card.style.display = 'none';
}
});
}
// Переключение основных табов
function switchTab(tabId) {
document.querySelectorAll('.main-tab').forEach(tab => {
tab.classList.remove('active');
});
document.querySelectorAll('.tab-pane').forEach(pane => {
pane.classList.remove('active');
});
document.querySelector(`.main-tab[onclick="switchTab('${tabId}')"]`).classList.add('active');
document.getElementById(`tab-${tabId}`).classList.add('active');
if (tabId === 'all') {
initAllLegendsTab();
}
}
// Открытие/закрытие аккордеона
function toggleAccordion(header) {
const content = header.nextElementSibling;
const isActive = header.classList.contains('active');
const pane = header.closest('.tab-pane');
pane.querySelectorAll('.accordion-header').forEach(h => {
h.classList.remove('active');
});
pane.querySelectorAll('.accordion-content').forEach(c => {
c.classList.remove('active');
});
if (!isActive) {
header.classList.add('active');
content.classList.add('active');
}
}
// Функция для открытия конкретной легенды в категории
function openLegendInCategory(legendName) {
const pane = document.querySelector('.tab-pane.active');
if (!pane) return;
const headers = pane.querySelectorAll('.accordion-header');
headers.forEach(header => {
const title = header.querySelector('.accordion-title').textContent;
if (title.includes(legendName)) {
toggleAccordion(header);
}
});
}
// Инициализация при загрузке
document.addEventListener('DOMContentLoaded', function() {
initAllLegendsTab();
document.querySelectorAll('.tab-pane:not(#tab-all)').forEach(pane => {
const firstHeader = pane.querySelector('.accordion-header');
if (firstHeader) {
firstHeader.classList.add('active');
firstHeader.nextElementSibling.classList.add('active');
}
});
});
</script>[/html]