[kcp_808]

Здравствуйте, уважаемые. Я сам не очень силен в js, но возникла необходимость кое что сделать

<script>
$( document ).ready(function() {
	console.log( "ready!" );

	var crntnumL = 1;
	var crntnumR = 2;
	var r_href = ".list"+crntnumR+" .right"; //получаем класс кнопки для движения вправо вида .list1 .right
	var l_href = ".list"+crntnumL+" .left"; //тоже самое влево
	$(".list"+crntnumL).css("display","block"); //показываем первый блок с list1
	$(".list"+crntnumR).css("display","block"); //второй с list2
	$(r_href).click(function () //отслеживаем клик "вправо"
	{
		$(".list"+crntnumL).css("display","none"); //убираем первые два блока
		$(".list"+crntnumR).css("display","none");
		crntnumL = crntnumL+2; //прибавляем list чтобы показать следующие 2
		crntnumR = crntnumR+2;
		r_href = ".list"+crntnumR+" .right"; //меняем класс у кнопки (был .list2 .right, стал .list4 .right)
		l_href = ".list"+crntnumL+" .left"; //тоже самое с left
		$(".list"+crntnumL).css("display","block"); //показываем два новых блока
		$(".list"+crntnumR).css("display","block");
		console.log (r_href);
		
		
	});
	$(l_href).click(function ()
	{
		$(".list"+crntnumL).css("display","none");
		$(".list"+crntnumR).css("display","none");
		crntnumL = crntnumL-2;
		crntnumR = crntnumR-2;
		r_href = ".list"+crntnumR+" .right";
		l_href = ".list"+crntnumL+" .left";
		$(".list"+crntnumL).css("display","block");
		$(".list"+crntnumR).css("display","block");
		
	});
});
</script>

HTML код имеет следующую структуру:

<div class="list1">...
...
...
<div class="left"></div>
<div class="right"></div>
</div>
<div class="list2">...
...
...
<div class="left"></div>
<div class="right"></div>
</div>
<div class="list3">...
...
...
<div class="left"></div>
<div class="right"></div>
</div>

left и right кнопки для "перелистывания".
событие click срабатывает только первый раз и перелистывает одну страницу...последующие нажатия не работают. ткните куда смотреть плз...

Пример на fiddle https://jsfiddle.net/m4q3zf7y/