Код:
<!--HTML-->
<div id="htmk_wrap" class="html-map">
  <div class="map_left-wrap">
    <div class="map_left-container">
      <span class="map_left-title">найт-сити</span>
      <p class="map-text"><b>Найт-Сити</b> — мегаполис в большой бухте на Западном Побережье НСША, в котором проживает около 5,000,000 человек (большинство — в обширных пригородах на юго-западе). Он находится на границе Северной и Южной Калифорнии и подчиняется только собственной юрисдикции.</p>
<p>Корпорации обладают огромным влиянием на мэрию, и поэтому могут делать в городе всё, что заблагорассудится. Говорят, что нынешний <span class="txt-hu">мэр, Джефферсон Пералес</span>, (избранный в 2077 году после смерти предшественника) — марионетка Найт Корп, которые наконец-то дорвались до власти.</p>
    <p>Обладает одним из самых приятных климатических условий в западной части НСША. Температура колеблется от 80°F до 50°F (от 26°C до 10°C), а ранним утром и вечером город окутывает белый туман. В Найт-Сити ежегодно выпадает около 21 дюйма осадков, ~35% которых состоят из токсичных химических веществ, что превышает действующие государственные стандарты и требует специальной химической защиты класса SP12.</p>
    <p>Если вы планируете посетить Найт-Сити, настоятельно рекомендуется использовать дополнительную броню, маску для фильтрации смога с дополнительным кислородом, и защиту от кислотных осадков. Всё это легко приобрести у уличных торговцев: средняя стоимость этих предметов может варьироваться от 20 до 35 евродолларов.</p>
    </div>
    <div class="map_left-container">
      <span class="map_left-title">здравоохранение</span>
      <p class="map-text">В городе есть 9 муниципальных больниц: 2 в центральном районе (Городской Медицинский Центр, Медицинский Центр Скорой Помощи), 7 в пригородных, а так же по меньшей мере 4 частных мед. учреждения, специализирующихся на киберимплантах и предоставляющих услуги биоскульптинга.</p>
    </div>
    <div class="map_left-container">
      <span class="map_left-title">правопорядок</span>
      <p class="map-text"><b>Преступность: </b>Город разрывается между корпоративным контролем и беспределом банд, погрязших в бесконечной делёжке территории. На юге Найт-Сити есть район ещё большего беззакония, чем обычно… иначе известный как Пасифика или, ласково — “Боевая Зона”.</p>
<p class="map-text"><b>Полицейский Департамент Найт-Сити: </b>Полиция коррумпирована, разобщена, плохо оснащена и плохо управляется. Самые неподкупные люди в полиции — это спецотряд Макс-так: занятые в основном ликвидацией киберпсихов, они просто плевать хотели на взятки.</p>
    </div>
    <div class="map_left-container">
      <span class="map_left-title">общественный транспорт</span>
      <p class="map-text"><b>ТКНС (Транспортная Корпорация Найт-Сити) </b>обеспечивает работу ~200 автобусных бункеров и флотилии вооружённых и бронированных автобусов с частотой рейсов ~20-30 минут. Стоит 1 Евродоллар.</p>
<p class="map-text"><b>МОСТ (Макросистема Общественного Скоростного Транспорта) </b>городская транспортная сеть, объединяющая метро и трамваи. Пассажирам необходимо помнить, что станции лежат вне юрисдикции полицейского департамента. Стоимость 0.25 Евробакса за станцию.</p>
    </div>
    <div class="map_left-container">
      <span class="map_left-title">МЕЖГОРОД</span>
      <p class="map-text"><b>Аэропорт Найт-Сити </b>находится на юго-востоке города, и обслуживает федеральные и международные рейсы. Ежечасно — до Сан-Франциско или Лос-Анджелеса, ежедневно — в другие крупные города НСША.</p>
<p class="map-text"><b>ТМС (Трансконтинентальная Маглевная Система) </b>— премиальная система электромагнитных железных дорог для поездок внутри города и за его пределы. На данный момент не работает. Завершение строительства планируется на 2078-й год, запуск линий в работу — на конец 2078-го года, а связь с Чикаго — на 2080-й год. </p>
 <p>✱ <i>2 января 2078 года единственный космопорт</i> города был <b>разрушен</b>, теперь орбитальные полёты доступны только из аэрокосмического центра <b>Мохаве</b> (~220 миль/~250 км от Найт-Сити).
</p>
<p class="map-text"><b>Автострады:</b> На авто до Сан-Франциско можно доехать за ~4 часа, до Лос-Анджелеса за ~6 часов. В целом шоссе за пределами города находятся в довольно плохом состоянии и кишат бандами.</p>
    </div>
  </div>
  <div class="map_right-wrap">
    <div class="map_right-img">
      <img src="https://forumstatic.ru/files/001c/37/2a/58021.png">
    </div>
    <div class="district-slider">
      <div class="district-button">городской центр</div>
      <div class="district-container">
        <div class="district-inner">
          <span class="district-title">городской центр</span>
          <small>(районы: Корпо-Плаза, Деловой Квартал)</small>
Финансовая, экономическая и корпоративная витрина Найт-Сити. Глянцевые небоскрёбы и ультрасовременная архитектура формируют бруталистский, похожий на крепость район, демонстрируя непревзойдённую мощь корпораций во всём её высокомерии. Самый укреплёная и безопасная часть города с 2020 года.
        </div>
      </div>
      <div class="district-button">хэйвуд</div>
      <div class="district-container">
        <div class="district-inner">
          <span class="district-title">хэйвуд</span>
          <small>(районы: Уэллспрингс, Глен, Виста-дель-Рей)</small>
Хейвуд — район контрастов, от современных небоскрёбов и парков на севере до колоритных базаров и опасных, негостеприимных трущоб на юге. Он считается “большим спальным районом” и не может похвастаться особенной роскошью, но здесь вполне можно жить и веселиться.
        </div>
      </div>
      <div class="district-button">УОТСОН</div>
      <div class="district-container">
        <div class="district-inner">
          <span class="district-title">УОТСОН</span>
          <small>(районы: Набережная “Арасаки”, Нортсайд, Маленький Китай, Кабуки)</small>
Один из беднейших и самых неблагополучных районов города: "Арасака" захватила набережную, банды чувствуют себя как дома, и в этом всём пытаются выживать малоимущие рабочие оставшихся фабрик Нортсайда. Блокпосты на мостах, соединяющих Уотсон с Найт-Сити, призваны помешать нищете добраться до Городского Центра.
<br>
✱ <i>После крушения орбитальной станции район пострадал больше всех прочих, и напоминает руины после цунами.</i>
        </div>
      </div>
      <div class="district-button">УЭСТБРУК</div>
      <div class="district-container">
        <div class="district-inner">
          <span class="district-title">УЭСТБРУК</span>
          <small>(районы: Джапан-таун, Норт-Оук, Чартер-хилл)</small>
Считается самым комфортным для жизни, богатым и красивым районом. В Норт-Оук и Чартер Хилл живёт большинство представителей элиты и знаменитостей, а венчает всё это великолепие техно-китч Джапан-тауна — развлекательной мекки Найт-Сити.
        </div>
      </div>
      <div class="district-button">САНТО-ДОМИНГО</div>
      <div class="district-container">
        <div class="district-inner">
          <span class="district-title">САНТО-ДОМИНГО</span>
          <small>(районы: Арройо, Ранчо Коронадо)</small>
Старейший район Найт-Сити, который корпорации используют как испытательный полигон для промышленных проектов, разрушая старые фабрики только чтобы построить новые, пока местные жители влачат жалкое существование, мечтая о лучшем будущем.
        </div>
      </div>
      <div class="district-button">ПАСИФИКА</div>
      <div class="district-container">
        <div class="district-inner">
          <span class="district-title">ПАСИФИКА</span>
          <small>(районы: Владение Уэст-Уинд, Побережье, Догтаун)</small>
Пасифика должна была стать огромным прибыльным курортом, но превратилась в труху, как только инвестиции иссякли. Теперь это изолированная боевая зона, неподконтрольная властям города.
        </div>
      </div>
      <div class="district-button">пустоши</div>
      <div class="district-container">
        <div class="district-inner">
          <span class="district-title">пустоши</span>
Обширные равнины окружают город, заселённые редкими группами кочевников. Из-за бесконтрольной добычи ресурсов, загрязнения среды и изменения климата Пустоши непригодны для мало-мальски комфортной жизни, но таят бездну возможностей для тех, кто в теме.
        </div>
      </div>
    </div>
  </div>
</div>
<script>
$('.district-button').each(function() {
    $(this).on('click', function() { $('.district-button').not($(this)).next().removeClass('showme');
      $(this).next().toggleClass('showme'); 
    });
  });
$('.district-button').click(function() {  
    $('.district-button').not(this).removeClass('district_active');
    $(this).toggleClass('district_active');
});
</script>

[hideprofile]