[html]
<div class="html_wrapper professions">
   <ul class="professions_tabs">
      <li><a class="selected" href="#/one" onclick="return false">государственная служба<span>мэрия, полиция, прокуратура, суд </span></a></li>
      <li><a href="#/two" onclick="return false">здравоохранение<span>больницы,  частные клиники, реабилитационные центры</span></a></li>
      <li><a href="#/three" onclick="return false">образование<span>учебные заведения общего и среднего звена</span></a></li>
      <li><a href="#/four" onclick="return false">сми и масс-медиа<span>газеты, журналы, радио, блоги</span></a></li>
      <li><a href="#/five" onclick="return false">сфера услуг<span>магазины, гостиницы, спорт-клубы, салоны</span></a></li>
      <li><a href="#/six" onclick="return false">сфера развлечений<span>бары, рестораны, клубы, кофейни</span></a></li>
      <li><a href="#/seven" onclick="return false">искусство<span>театр, кинотеатры, музеи, выставки и галереи</span></a></li>
      <li><a href="#/eight" onclick="return false">прочее<span>не вошедшее ни в одну из сфер, безработные</span></a></li>
   </ul>
   <div id="professions">

      <p id="one">
         <span class="professions_block"><b>мэрия</b>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         </span>
         <span class="professions_block"><b>полиция</b>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         </span>
         <span class="professions_block"><b>прокуратура и суд</b>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         </span>
         <span class="professions_block"><b>ФБР и ЦРУ</b>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         </span>
      </p>

      <p id="two">
         <span class="professions_block"><b>больница</b>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         </span>
      </p>

      <p id="three">
         <span class="professions_block"><b>школа</b>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         </span>
      </p>

      <p id="four">
         <span class="professions_block"><b>газета</b>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         </span>
      </p>

      <p id="five">
         <span class="professions_block"><b>спорт-клуб</b>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         </span>
      </p>

      <p id="six">
         <span class="professions_block"><b>ресторан</b>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         </span>
      </p>

      <p id="seven">
         <span class="professions_block"><b>театр</b>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         </span>
      </p>

      <p id="eight">
         <span class="professions_block"><b>безработные</b>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         <span>Мэр / <a href="ссылка">Fenris</a></span>
         </span>
      </p>

   </div>
</div>

<script>
(function($) {

var tabs =  $(".professions_tabs li a");
 
tabs.click(function() {
    var content = this.hash.replace('/','');
    tabs.removeClass("selected");
    $(this).addClass("selected");
    $("#professions").find('p').hide();
    $(content).slideToggle(400);
});

})(jQuery);
</script>
[/html]