Есть несколько div, при клике на которые разворачивается скрытый текст а при клике на другой верхние сворачиваются
Код
<div class="view-source">
<a href="#">Открыть 1</a>
<div class="hide">Спрятанный текст</div>
</div>
<div class="view-source">
<a href="#">Открыть 2</a>
<div class="hide">Спрятанный текст</div>
</div>
<div class="view-source">
<a href="#">Открыть 3</a>
<div class="hide">Спрятанный текст</div>
</div>
Код
<script>
$(function(){
$('.view-source .hide').hide();
$a = $('.view-source a');
$a.on('click', function(event) {
event.preventDefault();
$a.not(this).next().slideUp(500);
$(this).next().slideToggle(500);
});
});
</script>
Автор скрипта workman 
