Код:
<!--HTML-->
<center>
<div id="bokx">
<div class="bokxnaime">
 <div class="texctname">вакансии </div>
</div>
<div class="bokxop">
<div class="bokxlink"><a class="bokxlink1" href="http://livingend.rusff.ru/viewtopic.php?id=14#p31">гостевая</a>
<a class="bokxlink1" href="http://livingend.rusff.ru/viewtopic.php?id=13#p30">лица</a>
<a class="bokxlink1" href="http://livingend.rusff.ru/viewtopic.php?id=12#p29">вакансии</a>
<a class="bokxlink1" href="http://livingend.rusff.ru/viewtopic.php?id=21#p41">хочу к вам</a> </div><br>
<b>К</b>аждый из нас зарабатывает средства к существованию различными путями. Кто-то занимается бизнесом, кто-то криминалом, кто-то поет в баре, а кто-то продает наркотики. Обо всем этом вам надлежит сообщить в настоящей теме, чтобы мы могли учитывать это в игре и использовать соответствующим образом. К вашим услугам уже готовые места для работы и придуманные вами. <br><br>



<div style="width: 470px; font-size: 10px;   text-align: center; "> 
<div class="code-box"><strong class="legend"><a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName('pre')[0]); return false;">выделить код</a></strong><div class="blockcode"><div class="scrollbox" style="height: 4.5em"><pre>
категория 
<&nbspa href="ссыль">имя на англ<&nbsp/a> - должность <&nbspbr></pre></div></div></div></div>



<div class="canon-list">
    
    <div class="c1">
        <h1><div class="c11">ПРАВИТЕЛЬСТВО</div></h1>
        <div class="c2">
     
<table><tbody><tr><td>

<a href="http://livingend.rusff.ru/profile.php?id=45">Gabriel Shaw</a> - Мэр <br>


</td><td>

<a href="http://livingend.rusff.ru/profile.php?id=46">Constancia Tate</a> - Член палаты представителей от штата Техас <br>

</td></tr></tbody></table></div></div>


<div class='c1'>
        <h1><div class="c11">медицина</div></h1>
        <div class='c2'>
     
<table><tbody><tr><td>

<a href="http://livingend.rusff.ru/profile.php?id=56"> Kate Creighton</a> - студентка университета, будущий хирург  <br>


</td><td>

<a href="ссылка">имя</a> - профессия  <br>

</td></tr></tbody></table></div></div>


<div class='c1'>
<h1><div class="c11">ОБРАЗОВАНИЕ</div></h1>
<div class='c2'>
<table><tbody><tr><td>

 <a href="http://livingend.rusff.ru/profile.php?id=20">Asia Mora</a> - школьница <br>

</td><td>


<a href="http://livingend.rusff.ru/profile.php?id=43">Jaye Dee</a> - школьница <br>



</td></tr></tbody></table></div></div>
<div class='c1'>
<h1><div class="c11">правоохранительные органы </div></h1>
<div class='c2'>
          
<table><tbody><tr><td>

<a href="http://livingend.rusff.ru/profile.php?id=29">Floyd Lawton</a> - окружной прокурор<br>

</td><td>


<a href="http://livingend.rusff.ru/viewtopic.php?id=120#p4560">Michael Connery</a> - специальный агент ФБР<br>
<a href="http://livingend.rusff.ru/viewtopic.php?id=200#p13076">Rodolphus Lancaster</a> - Глава департамента по борьбе с организованной преступность<br>
<a href=http://livingend.rusff.ru/profile.php?id=68>Christopher Dempshow</a> - специальный агент ФБР, возглавляет собственную группу агентов по борьбе с орг. преступностью<br>


</td></tr></tbody></table></div></div>

<div class='c1'>
        <h1><div class="c11">СМИ</div></h1>
        <div class='c2'>
     
<table><tbody><tr><td>

<a href="http://livingend.rusff.ru/profile.php?id=24">Eveline Hardman</a> - генеральный директор аналитического журнала "USA'S ECON"<br>


</td><td>

<a href="ссыль">имя на англ</a> - должность <br>


</td></tr></tbody></table></div></div>



<div class='c1'>
        <h1><div class="c11">СФЕРА УСЛУГ</div></h1>
        <div class='c2'>
     
<table><tbody><tr><td>

<a href="http://livingend.rusff.ru/profile.php?id=35">Dorado Diaz</a> - владелец антикварной лавки <br>
<a href="http://livingend.rusff.ru/profile.php?id=40">Joanne Ravenwood</a> - владелица бара, бармен<br>
<a href="http://livingend.rusff.ru/profile.php?id=38">Priya Marwari</a> - владелица салона красоты «Edem Studio»<br>

</td><td>


<a href="http://livingend.rusff.ru/profile.php?id=44">Leila Al-Fayeed</a> - продавец в магазине восточных сладостей <br>


</td></tr></tbody></table></div></div>

<div class='c1'>
        <h1><div class="c11">СФЕРА РАЗВЛЕЧЕНИЙ</div></h1>
        <div class='c2'>
     
<table><tbody><tr><td>


<a href="http://livingend.rusff.ru/profile.php?id=31">Kira O'Grady</a> - Владелица картинной галереи <br>


</td><td>

<a href="ссыль">имя на англ</a> - должность <br>


</td></tr></tbody></table></div></div>


<div class='c1'>
        <h1><div class="c11">КРИМИНАЛ</div></h1>
        <div class='c2'>
     
<table><tbody><tr><td>
<a href="http://livingend.rusff.ru/profile.php?id=22">Adelina Mora</a> - управляющая порно-студией <br>
<a href="http://livingend.rusff.ru/profile.php?id=12">Dante Mora</a> - владелец стрип-клуба и порно-студии, проституция<br>
<a href="http://livingend.rusff.ru/profile.php?id=29">Deadshot</a> - снайпер-наемник, киллер экстра-класса<br>
<a href="http://livingend.rusff.ru/profile.php?id=33">Richard Hardman</a> - президент компании «HRD Oil»; организатор нелегальной трансплантации органов <br>
<a href="http://livingend.rusff.ru/profile.php?id=35">Dorado Diaz</a> - контрабандист <br>
<a href="http://livingend.rusff.ru/profile.php?id=36">Johnny Specter</a> - медсестра, работает на семью Мора <br>
<a href="http://livingend.rusff.ru/profile.php?id=39">Bikram Marwari</a> - наркоторговец <br>
<a href="http://livingend.rusff.ru/profile.php?id=60">Adelaide Kaiser</a> - чистильщик мест преступлений (наемный) <br>
<a href="http://livingend.rusff.ru/profile.php?id=67">Carmela Marconi</a> - сутенерша<br>

</td><td>

<a href="http://livingend.rusff.ru/profile.php?id=9">Edmund Windsor</a> - глава группировки Bloods<br>
<a href="http://livingend.rusff.ru/profile.php?id=19">Daniel O'Grady</a> - глава группировки Bloods <br>
<a href="http://livingend.rusff.ru/profile.php?id=3">Sybill V. Windsor</a> - адвокат группировки Bloods<br>
<a href="http://livingend.rusff.ru/viewtopic.php?id=174#p10774">Aidan Burke</a> - глава группировки Bloods <br>
<a href="http://livingend.rusff.ru/viewtopic.php?id=186">Magnus Tate</a> - глава группировки Hells <br>
<a href="http://livingend.rusff.ru/profile.php?id=25">Nikki Mathers</a> - наркоторговка<br>
<a href="http://livingend.rusff.ru/profile.php?id=51">Michael Rice</a> - исполнитель банды Hells <br>
<a href="http://livingend.rusff.ru/profile.php?id=42">Dylan Mathers</a> - Наркоторговец <br>


</td></tr></tbody></table></div></div>


<div class='c1'>
        <h1><div class="c11">ПРОЧЕЕ</div></h1>
        <div class='c2'>
     
<table><tbody><tr><td>
<a href="http://livingend.rusff.ru/viewtopic.php?id=176#p10930">Brandon Mcfee</a> - священник <br>
<a href="http://livingend.rusff.ru/profile.php?id=25">Nikki Mathers</a> - владелица тату студии, тату мастер<br>


</td><td>

<a href="http://livingend.rusff.ru/profile.php?id=11">Santa Mora</a> - Финансист семьи Мора <br>


</td></tr></tbody></table></div></div>


</div></div>
<div class="bokxniz">
</div>
</div>
</center>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script><script type='text/javascript'>
$(document).ready(function () {
    $('.canon-list .c1 h1').on('click', function(){ 
        
        if ($(this).next('.c2').height() > 0) {
            $(this).next('.c2').animate({'height': '0'}, 400);
        } else {
            $(this).next('.c2').css({'height': 'auto'});
        	var canonHeight = $(this).next('.c2').height();
        	$(this).next('.c2').css({'height': '0'});
            $(this).parent('.c1').siblings('.c1').children('.c2').animate({'height': '0'}, 400);
            $(this).next('.c2').animate({'height': canonHeight + 'px'}, 300);
        }
    });
});
</script>