Показать сообщение отдельно
  #1 (permalink)  
Старый 17.06.2015, 00:18
Новичок на форуме
Отправить личное сообщение для Rockship Посмотреть профиль Найти все сообщения от Rockship
 
Регистрация: 16.06.2015
Сообщений: 4

Не работает код, при дублировании блоков!
Умные люди, прошу Вашей помощи.
Суть вопроса. Есть такой код:
<div class="block_disc">
            	<img class="cover_disc" src="img/disc_Lonesome_Crow_1.jpg">
                <div class="disc_descript">
                   	 <div class="disc_link">
                       	<a id="link1" class="disc_a" href="#">Описание</a>
                     </div>
                   	 <div class="disc_link top-right_radius">
                       	<a id="link2" class="disc_a top-right_radius"href="#">Треки-лист</a>
                     </div>
                </div>
                <div id="div1" class="disc_content1">
                </div>
                <div id="div2" class="disc_content2">
                </div>
        	</div>

Вот код JS:
$(function() {
     $("#link2").click(function() {
             $($(this).closest('.block_disc').children("#div1")).removeClass("disc_content_anim1");
			 $($(this).closest('.block_disc').children("#div1")).removeClass("disc_content_anim2");
			 $($(this).closest('.block_disc').children("#div2")).removeClass("disc_content_anim1");
			 $($(this).closest('.block_disc').children("#div2")).removeClass("disc_content_anim2");
			 $($(this).closest('.block_disc').children("#div1")).addClass("disc_content_anim2");
			 $($(this).closest('.block_disc').children("#div2")).addClass("disc_content_anim1");
     });
	 $("#link1").click(function() {
             $($(this).closest('.block_disc').children("#div1")).removeClass("disc_content_anim1");
			 $($(this).closest('.block_disc').children("#div1")).removeClass("disc_content_anim2");
			 $($(this).closest('.block_disc').children("#div2")).removeClass("disc_content_anim1");
			 $($(this).closest('.block_disc').children("#div2")).removeClass("disc_content_anim2");
			 $($(this).closest('.block_disc').children("#div1")).addClass("disc_content_anim1");
			 $($(this).closest('.block_disc').children("#div2")).addClass("disc_content_anim2");
     });
});

Мне необходимо, чтобы при клике на #link1 у блоков #div1 и #div2 появлялись классы .disc_content_anim1 и .disc_content_anim2 соответственно. А при клике на #link2 классы появились наоборот (#div1->.disc_content_anim2, #div2->.disc_content_anim1) . И вроде этот код работает (хотя, я уверен, что можно сделать проще). НО!!! Возникает проблема. Блоков div.block_disc у меня будет достаточно много. Вот и получается, что когда я начинаю блоки div.block_disc дублировать, то js срабатывает только на первом блоке, а на остальных не хочет. Уже голова кипит(((
Ответить с цитированием