Показать сообщение отдельно
  #5 (permalink)  
Старый 16.03.2016, 11:21
Новичок на форуме
Отправить личное сообщение для panteradiab Посмотреть профиль Найти все сообщения от panteradiab
 
Регистрация: 16.03.2016
Сообщений: 1

Таже ситуация. Пока что только разбираюсь в js.
Кто знает подскажите пожалуйста.
Есть код HTML
<div class="razdelitel">
		<a rel="gallery" href ="../images/Colection/Ambiance/big/Erismann_Ambiance_big_5906_01.jpg" class="photo"><img src="../images/Colection/Ambiance/small/Erismann_Ambiance_5906-01.jpg" alt="" width="275" height="175" /></a>
		<div class="test_inf">
		<div class="info">Краткая информация</div>
		<div class="seriya">5906-01</div>
		</div>
		<div class="info_text">
		<h2>Подробная информация о продукте</h2>
		<div class="kolonki">
			<div class="left_kol">Фабр. №:</div>
			<div class="right_kol">5906-01</div>
		</div>
		<div class="kolonki">
			<div class="left_kol">Виды продукта:</div>
			<div class="right_kol">обои</div>
		</div>
		<div class="kolonki">
			<div class="left_kol">Тип обоев:</div>
			<div class="right_kol">Структурные обои на флизелиновой основе</div>
		</div>
		<div class="kolonki">
			<div class="left_kol">Размеры рулона:</div>
			<div class="right_kol">10.05 x 0.53</div>
		</div>
		<div class="kolonki">
			<div class="left_kol">Раппорт:</div>
			<div class="right_kol">64 см прямой стык</div>
		</div>
		<div class="kolonki">
			<div class="left_kol">Цвета:</div>
			<div class="right_kol">белый, серый</div>
		</div>
		<div class="kolonki">
			<div class="left_kol">Вид рисунка:</div>
			<div class="right_kol">Образец/Мотив</div>
		</div>
		<div class="kolonki">
			<div class="left_kol">Тип рисунка:</div>
			<div class="right_kol">Расписано цветами</div>
		</div>
		<div class="kolonki">
			<div class="left_kol">Мир жилья:</div>
			<div class="right_kol">Спальня, жилая комната</div>
		</div>
		<div class="kolonki">
			<div class="left_kol">Стиль жилья:</div>
			<div class="right_kol">модерн</div>
		</div>
		<div class="kolonki">
			<div class="left_kol">Свойства обоев:</div>
			<div class="right_kol"><p>нанести клей на стену<br>при ремонте снимаются на сухо<br>трудновоспламеняемые<br>сверхмоющиеся<br>сверхсветостойкие</p></div>
		</div>
	</div>
</div>
	
	<div class="razdelitel">
		<a rel="gallery" href ="../images/Colection/Ambiance/big/Erismann_Ambiance_big_5906-03.jpg" class="photo"><img src="../images/Colection/Ambiance/small/Erismann_Ambiance_5906-03.jpg" alt="" width="275" height="175" /></a>
		<div class="test_inf">
		<div class="info">Краткая информация</div>
		<div class="seriya">5906-03</div>
		</div>
		<div class="info_text">
		<h2>Подробная информация о продукте</h2>
		<div class="kolonki">
			<div class="left_kol">Фабр. №:</div>
			<div class="right_kol">5906-03</div>
		</div>
		<div class="kolonki">
			<div class="left_kol">Виды продукта:</div>
			<div class="right_kol">обои</div>
		</div>
		<div class="kolonki">
			<div class="left_kol">Тип обоев:</div>
			<div class="right_kol">Структурные обои на флизелиновой основе</div>
		</div>
		<div class="kolonki">
			<div class="left_kol">Размеры рулона:</div>
			<div class="right_kol">10.05 x 0.53</div>
		</div>
		<div class="kolonki">
			<div class="left_kol">Раппорт:</div>
			<div class="right_kol">64 см прямой стык</div>
		</div>
		<div class="kolonki">
			<div class="left_kol">Цвета:</div>
			<div class="right_kol">жёлтый</div>
		</div>
		<div class="kolonki">
			<div class="left_kol">Вид рисунка:</div>
			<div class="right_kol">Образец/Мотив</div>
		</div>
		<div class="kolonki">
			<div class="left_kol">Тип рисунка:</div>
			<div class="right_kol">Расписано цветами</div>
		</div>
		<div class="kolonki">
			<div class="left_kol">Мир жилья:</div>
			<div class="right_kol">Спальня, жилая комната</div>
		</div>
		<div class="kolonki">
			<div class="left_kol">Стиль жилья:</div>
			<div class="right_kol">модерн</div>
		</div>
		<div class="kolonki">
			<div class="left_kol">Свойства обоев:</div>
			<div class="right_kol"><p>нанести клей на стену<br>при ремонте снимаются на сухо<br>трудновоспламеняемые<br>сверхмоющиеся<br>сверхсветостойкие</p></div>
		</div>
	</div>
</div>

Хочу сделать чтобы по клику на класс .test_inf показывался div с классом .info_text, но показывался только один. В примере приведено только 2 изображения, а их больше 300. Писал два скрипта:
1.
$(document).ready(function(){
		$('.test_inf').click(function(){
		$('.info_text').toggleClass('info_show');
		});
	});

2.
$(function() {
    var е = $(".test_inf .info_text")
    е.each(function(b, a) {
        $('.info_inf').prev().click(function() {
            е.not($('.info_inf').toggleClass("info_show")).removeClass("info_show")
        })
    })
});


В первом случае всё работает, но открываются и закрываются все дивы на всех изображениях, но это и понятно, потому что я не указал условие.
Во втором случае не работает.
Подскажите как мне сделать, чтобы нормально отрабатывало открытие дива только того, на который происходил клик, а не на все
Ответить с цитированием