Показать сообщение отдельно
  #1 (permalink)  
Старый 11.02.2014, 14:57
Новичок на форуме
Отправить личное сообщение для Kasper28 Посмотреть профиль Найти все сообщения от Kasper28
 
Регистрация: 09.02.2014
Сообщений: 9

Отображение скрытого блока из карусели
Всем доброго времени суток.
Пробую реализовать отображение скрытых блоков при нажатии на элемент карусели. Карусель зацикленная и проблема в том, что на повторной прокрутке карусели, или когда листаешь назад, скрытые блоки не отображаются.
Причина, как я понимаю, в том, что в зацикленной карусели уже прокрученные элементы удаляются, а в начало уже встают как бы новые. Возможно, поэтому мой скрипт отображения/скрытия их не видит. Не могу решить проблему.
Если ваш стиль помощи - наводки и подсказки, пусть они будут максимально прозрачными Буду благодарен за помощь.

Скрытый блок
<div id='container'>
<div id="d1" class="up">
<div id="close" class="scroll-up">Сверунть</div>
</div>
				
<div id="d2" class="up">
<div id="close" class="scroll-up">Свернуть</div>
</div>
				
<div id="dn" class="up">
<div  id="close" class="scroll-up"></div>
</div>


Карусель
<ul id='spisok'>
  <li data-id='1'>
    <div class="b-carousel-block" >
      <img src="" alt="image-carusel" />
    </div>
  </li>
  <li data-id='2'>
    <div class="b-carousel-block" >
      <img src="" alt="image-carusel" />
  </div>
		...
   <li data-id='n'>
     <div class="b-carousel-block"> 
         <img src="" alt="image-carusel" />
     </div>
   </li>
</ul>


JS карусели
$(document).ready(function(){
	$(".b-carousel-button-right").click(function(){ 
		$(".h-carousel-items").animate({left: "-242px"}, 200); 
		setTimeout(function () { 
			$(".h-carousel-items .b-carousel-block").eq(0).clone().appendTo(".h-carousel-items"); 
			$(".h-carousel-items .b-carousel-block").eq(0).remove(); 	
			$(".h-carousel-items").css({"left":"0px"}); 
		}, 300);
	});
	$(".b-carousel-button-left").click(function(){ 		
		$(".h-carousel-items .b-carousel-block").eq(-1).clone().prependTo(".h-carousel-items"); 
		$(".h-carousel-items").css({"left":"-242px"}); 	
		$(".h-carousel-items").animate({left: "0px"}, 200); 
		$(".h-carousel-items .b-carousel-block").eq(-1).remove(); 
	});
});


JS скрытого блока
$(document).ready(function (){
	$('#spisok > li').click(function (){
		$('#container > div').hide();
		var i=$(this).data('id');
		$('#d'+i).slideDown();
	});
	    $(".scroll-up").click(function () {
        $('#container > div').slideUp();
    })
});
Ответить с цитированием