Код:
<!--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.me/viewtopic.php?id=14#p31">гостевая</a>
<a class="bokxlink1" href="http://livingend.rusff.me/viewtopic.php?id=13#p30">лица</a>
<a class="bokxlink1" href="http://livingend.rusff.me/viewtopic.php?id=12#p29">вакансии</a>
<a class="bokxlink1" href="http://livingend.rusff.me/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>
категория
< a href="ссыль">имя на англ< /a> - должность < br></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.me/profile.php?id=45">Gabriel Shaw</a> - Мэр <br>
</td><td>
<a href="http://livingend.rusff.me/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.me/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.me/profile.php?id=20">Asia Mora</a> - школьница <br>
</td><td>
<a href="http://livingend.rusff.me/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.me/profile.php?id=29">Floyd Lawton</a> - окружной прокурор<br>
</td><td>
<a href="http://livingend.rusff.me/viewtopic.php?id=120#p4560">Michael Connery</a> - специальный агент ФБР<br>
<a href="http://livingend.rusff.me/viewtopic.php?id=200#p13076">Rodolphus Lancaster</a> - Глава департамента по борьбе с организованной преступность<br>
<a href=http://livingend.rusff.me/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.me/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.me/profile.php?id=35">Dorado Diaz</a> - владелец антикварной лавки <br>
<a href="http://livingend.rusff.me/profile.php?id=40">Joanne Ravenwood</a> - владелица бара, бармен<br>
<a href="http://livingend.rusff.me/profile.php?id=38">Priya Marwari</a> - владелица салона красоты «Edem Studio»<br>
</td><td>
<a href="http://livingend.rusff.me/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.me/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.me/profile.php?id=22">Adelina Mora</a> - управляющая порно-студией <br>
<a href="http://livingend.rusff.me/profile.php?id=12">Dante Mora</a> - владелец стрип-клуба и порно-студии, проституция<br>
<a href="http://livingend.rusff.me/profile.php?id=29">Deadshot</a> - снайпер-наемник, киллер экстра-класса<br>
<a href="http://livingend.rusff.me/profile.php?id=33">Richard Hardman</a> - президент компании «HRD Oil»; организатор нелегальной трансплантации органов <br>
<a href="http://livingend.rusff.me/profile.php?id=35">Dorado Diaz</a> - контрабандист <br>
<a href="http://livingend.rusff.me/profile.php?id=36">Johnny Specter</a> - медсестра, работает на семью Мора <br>
<a href="http://livingend.rusff.me/profile.php?id=39">Bikram Marwari</a> - наркоторговец <br>
<a href="http://livingend.rusff.me/profile.php?id=60">Adelaide Kaiser</a> - чистильщик мест преступлений (наемный) <br>
<a href="http://livingend.rusff.me/profile.php?id=67">Carmela Marconi</a> - сутенерша<br>
</td><td>
<a href="http://livingend.rusff.me/profile.php?id=9">Edmund Windsor</a> - глава группировки Bloods<br>
<a href="http://livingend.rusff.me/profile.php?id=19">Daniel O'Grady</a> - глава группировки Bloods <br>
<a href="http://livingend.rusff.me/profile.php?id=3">Sybill V. Windsor</a> - адвокат группировки Bloods<br>
<a href="http://livingend.rusff.me/viewtopic.php?id=174#p10774">Aidan Burke</a> - глава группировки Bloods <br>
<a href="http://livingend.rusff.me/viewtopic.php?id=186">Magnus Tate</a> - глава группировки Hells <br>
<a href="http://livingend.rusff.me/profile.php?id=25">Nikki Mathers</a> - наркоторговка<br>
<a href="http://livingend.rusff.me/profile.php?id=51">Michael Rice</a> - исполнитель банды Hells <br>
<a href="http://livingend.rusff.me/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.me/viewtopic.php?id=176#p10930">Brandon Mcfee</a> - священник <br>
<a href="http://livingend.rusff.me/profile.php?id=25">Nikki Mathers</a> - владелица тату студии, тату мастер<br>
</td><td>
<a href="http://livingend.rusff.me/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>
