Не пашет свернуть jQuery

Главное развернуть блок пашет.

В исходный год смотрю, класс hide успешно заменяется классом active.

А вот при клике на active сворачиваться отказывается и отладчик показывает, что срабатывает один фиг условие какбудто бы я повторно кликнул на "развернуть".

Где я ошибся?

<script type="text/javascript" >

//$('body').on("change",".more",function() {

$(document).ready(function() {

$('.hide + a').click(function () {

alert ('Клик по ссылке!');

$(this).parent().addClass("vet");

$(this).parent().find('.hide').removeClass("hide").addClass("active");

});

$('.active').click(function () {

alert ('Клик по ссылке развернутой!');

$(this).parent().find('.active').removeClass("active").addClass("hide");

});

});

//});

</script>

HTML

<div class="right-b fl-r">

<div class="name">Оксана</div>

<div class="short">Врач-акушер</div>

<p>В 1993 году окончила лечебный факультет</p>

<div class="more">

<div class="hide">

<p>Является практикующим</p>

<ul>

<li>1. Кольпоскопия и патология</li>

<li>гинекология</li>

<li>гистерорезекция</li>

</ul>

</div>

<a href="#"class="view-source">Больше информации</a>

</div>

</div>

<div class="right-b fl-r">

<div class="name">Светлана</div>

<div class="short">Врач</div>

<p>лечебный факультет</p>

<div class="more">

<div class="hide">

<p>Является практикующим</p>

<ul>

<li>1. Кольпоскопия и патология</li>

<li>гинекология</li>

<li>гистерорезекция</li>

</ul>

</div>

<a href="#"class="view-source">Больше информации</a>

</div>

</div>