Задачи надо описывать сразу. Очень хочется по 100 раз переписывать одно и тоже. Вот пример
<!---- JB Block ---->
<div class="job_page_block">
<a href="#" class="open_jb_intextblock" title="Нажмите, чтобы открыть требования"><div class="jobpage_block">
<div class="jobpage_ico"><img src="/img/volunteer.png" class="jb_ico"></div>
<div class="jobpage_block_descr">
<p class="jb_toptext">Разработчик-волонтер</p>
<p class="jb_subtext">Если вы разработчик веб-сайтов и приложений, который увидел наш сайт и влюбился, а также горит огромным желанием помочь нашему развитию и стать участником нашей команды, то эта работа для Вас!</p>
</div>
<div class="clr"></div>
</div></a>
<div class="jb_intextblock" style="display:none;">Text</div>
</div>
<div class="job_page_block">
<a href="#" class="open_jb_intextblock" title="Нажмите, чтобы открыть требования"><div class="jobpage_block">
<div class="jobpage_ico"><img src="/img/volunteer.png" class="jb_ico"></div>
<div class="jobpage_block_descr">
<p class="jb_toptext">Разработчик-волонтер</p>
<p class="jb_subtext">Если вы разработчик веб-сайтов и приложений, который увидел наш сайт и влюбился, а также горит огромным желанием помочь нашему развитию и стать участником нашей команды, то эта работа для Вас!</p>
</div>
<div class="clr"></div>
</div></a>
<div class="jb_intextblock" style="display:none;">Text</div>
</div>
<div class="job_page_block">
<a href="#" class="open_jb_intextblock" title="Нажмите, чтобы открыть требования"><div class="jobpage_block">
<div class="jobpage_ico"><img src="/img/volunteer.png" class="jb_ico"></div>
<div class="jobpage_block_descr">
<p class="jb_toptext">Разработчик-волонтер</p>
<p class="jb_subtext">Если вы разработчик веб-сайтов и приложений, который увидел наш сайт и влюбился, а также горит огромным желанием помочь нашему развитию и стать участником нашей команды, то эта работа для Вас!</p>
</div>
<div class="clr"></div>
</div></a>
<div class="jb_intextblock" style="display:none;">Text</div>
</div>
<!---- JB Block END ---->
<script>
$(function() {
$('.open_jb_intextblock').on('click', function(e) {
$('.jb_intextblock').slideUp('slow');
if ( $(this).parent().find('.jb_intextblock').is(':visible') )
$(this).parent().find('.jb_intextblock').slideUp('slow');
else
$(this).parent().find('.jb_intextblock').slideToggle('slow');
e.preventDefault();
e.stopPropagation();
});
$(document).on('click', function(){
$('.jb_intextblock').slideUp('slow');
});
});
</script>
| Автор: Александр Леонов