Код:
<!--HTML-->
<div class="html_thems-wrapper">
<div class="html_thems-header">
<div class="html_thems-title"><span>биржа труда</span></div>
<div class="html_thems-desc">Мистик — поселение, которое славится своей атмосферой. Администрация острова всячески поддерживает местечки, поддерживающие мистический вайб! Если хотите запечатлеть в бирже труда новую локацию, обратитесь к нам для согласования.</div></div>
<div class="html-works_wrapper">
<ul class="lists-buttons">
<li class="list-button active" list-name="town1">эдинбург</li>
<li class="list-button" list-name="town2">остров скай</li>
<li class="list-button" list-name="town3">инхкейт</li>
</ul>
<div class="list-section" list-name="town1" style="display: block">
<p class="html-works_desc">— мб какое-то краткое вайбовое описание города, потому что подряд куча блоков выглядит не очень —</p>
<h5 class="works_title">ПОЛИТИКА И ГОРОДСКОЕ САМОУПРАВЛЕНИЕ</h5>
<div class="works_section">
<div class="works_spoiler">
<div class="slide_button2">Городской совет Эдинбурга</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
<div class="works_spoiler">
<div class="slide_button2">Шотландский парламент</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
</div>
<h5 class="works_title">ЭКОНОМИКА И БИЗНЕС</h5>
<div class="works_section">
<div class="works_spoiler">
<div class="slide_button2">Финансовые и страховые услуги</div>
<div class="slide_block2"><ul>
<li><b>› НАИМЕНОВАНИЕ ОРГАНИЗАЦИИ</b></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li><br>
<li><b>› НАИМЕНОВАНИЕ ОРГАНИЗАЦИИ</b></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
<div class="works_spoiler">
<div class="slide_button2">Цифровые технологии и ПО</div>
<div class="slide_block2"><ul>
<li><b>› НАИМЕНОВАНИЕ ОРГАНИЗАЦИИ</b></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li><br>
<li><b>› НАИМЕНОВАНИЕ ОРГАНИЗАЦИИ</b></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
<div class="works_spoiler">
<div class="slide_button2">Розничная торговля</div>
<div class="slide_block2"><ul>
<li><b>› НАИМЕНОВАНИЕ ОРГАНИЗАЦИИ</b></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li><br>
<li><b>› НАИМЕНОВАНИЕ ОРГАНИЗАЦИИ</b></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
<div class="works_spoiler">
<div class="slide_button2">Ресторанный бизнес</div>
<div class="slide_block2"><ul>
<li><b>› НАИМЕНОВАНИЕ ОРГАНИЗАЦИИ</b></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li><br>
<li><b>› НАИМЕНОВАНИЕ ОРГАНИЗАЦИИ</b></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
</div>
<h5 class="works_title">ТУРИЗМ И КУЛЬТУРА</h5>
<div class="works_section">
<div class="works_spoiler">
<div class="slide_button2">Экскурсоводы</div>
<div class="slide_block2"><ul>
<li><b>› НАИМЕНОВАНИЕ ОРГАНИЗАЦИИ</b></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li><br>
<li><b>› НАИМЕНОВАНИЕ ОРГАНИЗАЦИИ</b></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
<div class="works_spoiler">
<div class="slide_button2">Музейные работники</div>
<div class="slide_block2"><ul>
<li><b>› НАИМЕНОВАНИЕ ОРГАНИЗАЦИИ</b></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li><br>
<li><b>› НАИМЕНОВАНИЕ ОРГАНИЗАЦИИ</b></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
<div class="works_spoiler">
<div class="slide_button2">Работники галерей</div>
<div class="slide_block2"><ul>
<li><b>› НАИМЕНОВАНИЕ ОРГАНИЗАЦИИ</b></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li><br>
<li><b>› НАИМЕНОВАНИЕ ОРГАНИЗАЦИИ</b></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
</div>
<h5 class="works_title">ТРАНСПОРТ</h5>
<div class="works_section">
<div class="works_spoiler">
<div class="slide_button2">Международный аэропорт Эдинбурга</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
<div class="works_spoiler">
<div class="slide_button2">Автобусный парк</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
<div class="works_spoiler">
<div class="slide_button2">Железнодорожный транспорт</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
<div class="works_spoiler">
<div class="slide_button2">Трамвайная линия</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
<div class="works_spoiler">
<div class="slide_button2">Такси</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
</div>
<h5 class="works_title">ОХРАНА ПРАВОПОРЯДКА</h5>
<div class="works_section">
<div class="works_spoiler">
<div class="slide_button2">Полиция Лотиана и Бордерс, Подразделение Е</div>
<div class="slide_block2"><ul>
<li><b>детектив-суперинтендант mit</b> — <a href="ссылка">fearghal canavan</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
<div class="works_spoiler">
<div class="slide_button2">Детективное агенство</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
<div class="works_spoiler">
<div class="slide_button2">Шотландская тюремная служба</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
</div>
<h5 class="works_title">ЗДРАВООХРАНЕНИЕ</h5>
<div class="works_section">
<div class="works_spoiler">
<div class="slide_button2">Королевская больница Эдинбурга</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
<div class="works_spoiler">
<div class="slide_button2">Королевская больница для детей и молодёжи</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
<div class="works_spoiler">
<div class="slide_button2">Частное здравоохранение от Spire Healthcare</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
</div>
<h5 class="works_title">ОБРАЗОВАНИЕ</h5>
<div class="works_section">
<div class="works_spoiler">
<div class="slide_button2">Школы</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
<div class="works_spoiler">
<div class="slide_button2">Эдинбургский университет</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
<div class="works_spoiler">
<div class="slide_button2">Университет Хериот-Уотт</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
</div>
<h5 class="works_title">СРЕДСТВА МАССОВОЙ ИНФОРМАЦИИ</h5>
<div class="works_section">
<div class="works_spoiler">
<div class="slide_button2">Печатные СМИ</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
<div class="works_spoiler">
<div class="slide_button2">Радио</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
</div>
<h5 class="works_title">СПОРТ</h5>
<div class="works_section">
<div class="works_spoiler">
<div class="slide_button2">Футбольный клуб «Heart of Midlothian»</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
</div>
<h5 class="works_title">ПРОЧЕЕ</h5>
<div class="works_section">
</div>
</div>
<div class="list-section" list-name="town2">
<p class="html-works_desc">— мб какое-то краткое вайбовое описание города, потому что подряд куча блоков выглядит не очень —</p>
<h5 class="works_title">МЕСТНОЕ САМОУПРАВЛЕНИЕ</h5>
<div class="works_section">
<div class="works_spoiler">
<div class="slide_button2">Представители в Совете Хайленда</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
<div class="works_spoiler">
<div class="slide_button2">Руководство Портри</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
<div class="works_spoiler">
<div class="slide_button2">Руководство Бродфорда</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
</div>
<h5 class="works_title">ПОРТ АРМАДЕЙЛ</h5>
<div class="works_section">
<div class="works_spoiler">
<div class="slide_button2">Администрация порта</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
<div class="works_spoiler">
<div class="slide_button2">Работники порта</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
</div>
<h5 class="works_title">НЕКОММЕРЧЕСКИЙ АЭРОДРОМ БРОДФОРДА</h5>
<div class="works_section">
<div class="works_spoiler">
<div class="slide_button2">Охрана</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
</div>
<h5 class="works_title">ТУРИЗМ</h5>
<div class="works_section">
<div class="works_spoiler">
<div class="slide_button2">Гиды</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
<div class="works_spoiler">
<div class="slide_button2">Фото-видеосъёмка</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
<div class="works_spoiler">
<div class="slide_button2">Сувенирные лавки</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
<div class="works_spoiler">
<div class="slide_button2">Отели, хостелы и гостевые дома</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
</div>
<h5 class="works_title">ГОРОДСКАЯ БИБЛИОТЕКА</h5>
<div class="works_section">
<div class="works_spoiler">
<div class="slide_button2">Сотрудники библиотеки</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
</div>
<h5 class="works_title">ОБРАЗОВАНИЕ</h5>
<div class="works_section">
<div class="works_spoiler">
<div class="slide_button2">Школа Портри</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
<div class="works_spoiler">
<div class="slide_button2">Колледж</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
</div>
<h5 class="works_title">ЗДРАВООХРАНЕНИЕ И ОХРАНА ПРАВОПОРЯДКА</h5>
<div class="works_section">
<div class="works_spoiler">
<div class="slide_button2">Общественная больница Портри</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
<div class="works_spoiler">
<div class="slide_button2">Полицейское управление Портри</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
</div>
<h5 class="works_title">РЕСТОРАНЫ, ПАБЫ И РАЗВЛЕКАТЕЛЬНЫЕ ЗАВЕДЕНИЯ</h5>
<div class="works_section">
<div class="works_spoiler">
<div class="slide_button2">Ресторан морепродуктов «Captain Kirkpatrick's Seafood»</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
<div class="works_spoiler">
<div class="slide_button2">Кофейня «Coffee and Scones»</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
<div class="works_spoiler">
<div class="slide_button2">Паб «the Lighthouse»</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
<div class="works_spoiler">
<div class="slide_button2">Паб «Portree bullies»</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
</div>
<h5 class="works_title">ПРОЧЕЕ</h5>
<div class="works_section">
<div class="works_spoiler">
<div class="slide_button2">Конный клуб «Sunrise»</div>
<div class="slide_block2"><ul>
<li><b>владелец</b> — <a href="ссылка">silas glenn</a></li>
<li><b>управляющий</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>тренер</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>экскурсовод</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>ветеринар</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>разнорабочие</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
<div class="works_spoiler">
<div class="slide_button2">Мебельный магазин и мастерская Джека Кэмерона</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
<div class="works_spoiler">
<div class="slide_button2">Автомастерская «А87»</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
<div class="works_spoiler">
<div class="slide_button2">Поисковый отряд «Эхо»</div>
<div class="slide_block2"><ul>
<li><b>волонтёры</b> — <a href="ссылка">irving</a></li>
</ul></div></div>
</div></div>
<div class="list-section" list-name="town3">
<p class="html-works_desc">— мб какое-то краткое вайбовое описание города, потому что подряд куча блоков выглядит не очень —</p>
<h5 class="works_title">МЕСТНОЕ САМОУПРАВЛЕНИЕ</h5>
<div class="works_section">
<div class="works_spoiler">
<div class="slide_button2">Администрация</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
</div>
<h5 class="works_title">ПОРТ</h5>
<div class="works_section">
<div class="works_spoiler">
<div class="slide_button2">Администрация порта</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
<div class="works_spoiler">
<div class="slide_button2">Работники порта</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
<div class="works_spoiler">
<div class="slide_button2">Паромщики</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
</div>
<h5 class="works_title">ТОРГОВЛЯ И РЕСТОРАННЫЙ БИЗНЕС</h5>
<div class="works_section">
<div class="works_spoiler">
<div class="slide_button2">Фермерский рынок</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
<div class="works_spoiler">
<div class="slide_button2">Лавка морепродуктов «Лосось и треска»</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
<div class="works_spoiler">
<div class="slide_button2">Закусочная «Fish & Fish»</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
<div class="works_spoiler">
<div class="slide_button2">Пекарня «Whisk whip»</div>
<div class="slide_block2"><ul>
<li><b>владелец</b> — <a href="ссылка">roofie o'ceallaigh</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
<div class="works_spoiler">
<div class="slide_button2">Лодочный магазин и мастерская «У Фергуса»</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
</div>
<h5 class="works_title">ТУРИЗМ И КУЛЬТУРА</h5>
<div class="works_section">
<div class="works_spoiler">
<div class="slide_button2">Сувенирная лавка</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
<div class="works_spoiler">
<div class="slide_button2">Клуб путешественников</div>
<div class="slide_block2"><ul>
<li><b>председатель</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>казначей</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>хранитель архива и коллекции</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>члены клуба</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
<div class="works_spoiler">
<div class="slide_button2">Клуб рыболовов</div>
<div class="slide_block2"><ul>
<li><b>председатель</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>казначей</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>члены клуба</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
<div class="works_spoiler">
<div class="slide_button2">(Не) Бродячий цирк</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
<div class="works_spoiler">
<div class="slide_button2">Кинотеатр под открытым небом</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
<div class="works_spoiler">
<div class="slide_button2">Отель «Long Journey»</div>
<div class="slide_block2"><ul>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
<li><b>вакансия</b> — <a href="ссылка">имя фамилия</a></li>
</ul></div></div>
</div>
<h5 class="works_title">ФЕРМЕРСКИЕ ХОЗЯЙСТВА</h5>
<div class="works_section">
<div class="works_spoiler">
<div class="slide_button2">Ферма МакАрдл</div>
<div class="slide_block2"><ul>
<li><b>владелец</b> — <a href="ссылка">pat makardl</a></li>
</ul></div></div>
</div>
<h5 class="works_title">ПРОЧЕЕ</h5>
<div class="works_section">
</div>
</div>
<script>
$(document).ready(function () {
$(".slide_button2").click(function () {
const $block = $(this).next(".slide_block2");
$(".slide_block2").not($block).slideUp();
$(".slide_button2").not(this).removeClass("i_active");
$(this).toggleClass("i_active");
$block.slideToggle();
});
$(document).mouseup(function (e) {
if (!$(e.target).closest(".works_spoiler").length) {
$(".slide_block2").slideUp();
$(".slide_button2").removeClass("i_active");
}
});
});
</script>
[hideprofile]
