Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   скрытие - открытие блока (https://javascript.ru/forum/jquery/73520-skrytie-otkrytie-bloka.html)

face2005 22.04.2018 18:38
скрытие - открытие блока
 
Добрый день! подскажите как правильно сделать? 
$(".spoilerBox").on('click', function(){
					$(".hideItemCatalog").slideToggle(100);
		 
				});


но при клике оно срабатывает на все блоки hideItemCatalog, а как сделать что бы только того блока , в котором кликается spoilerBox?

j0hnik 22.04.2018 18:42
HTML код нужен для этого

face2005 22.04.2018 18:50 
<div class="catalogListRow">
   <div class="waper-catalog-row">
       видимый текс
   </div>
   <div class="hideItemCatalog">
       скрытый текст
   </div>
   <div class="spoilerBox">Еще предложения </div>
</div>
<div class="catalogListRow">
   <div class="waper-catalog-row">
       видимый текс
   </div>
   <div class="hideItemCatalog">
       скрытый текст
   </div>
   <div class="spoilerBox">Еще предложения </div>
</div>

j0hnik 22.04.2018 18:52 
$(".spoilerBox").on('click', function(){
	$(this).siblings('.hideItemCatalog').slideToggle(100);;
});

j0hnik 22.04.2018 18:53 
$(".spoilerBox").on('click', function(){
	$(this).prev().slideToggle(100);;
});


или так, но первый пример надежнее

face2005 22.04.2018 19:03
оно дергается как-то по ненормальному
http://ford196.ru/amortizator/mondeo-ii-bap/

рони 22.04.2018 19:09
face2005,
скрипт добавьте 1 раз, в конце страницы, и увеличьте 100 до 800

face2005 22.04.2018 19:19
Спасибо огромное!


Часовой пояс GMT +3, время: 10:29.