Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 22.04.2018, 18:38
Профессор
Отправить личное сообщение для face2005 Посмотреть профиль Найти все сообщения от face2005
 
Регистрация: 04.04.2014
Сообщений: 151

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


но при клике оно срабатывает на все блоки hideItemCatalog, а как сделать что бы только того блока , в котором кликается spoilerBox?
Ответить с цитированием
  #2 (permalink)  
Старый 22.04.2018, 18:42
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

HTML код нужен для этого
Ответить с цитированием
  #3 (permalink)  
Старый 22.04.2018, 18:50
Профессор
Отправить личное сообщение для face2005 Посмотреть профиль Найти все сообщения от face2005
 
Регистрация: 04.04.2014
Сообщений: 151

<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>
Ответить с цитированием
  #4 (permalink)  
Старый 22.04.2018, 18:52
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

$(".spoilerBox").on('click', function(){
	$(this).siblings('.hideItemCatalog').slideToggle(100);;
});
Ответить с цитированием
  #5 (permalink)  
Старый 22.04.2018, 18:53
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

$(".spoilerBox").on('click', function(){
	$(this).prev().slideToggle(100);;
});


или так, но первый пример надежнее
Ответить с цитированием
  #6 (permalink)  
Старый 22.04.2018, 19:03
Профессор
Отправить личное сообщение для face2005 Посмотреть профиль Найти все сообщения от face2005
 
Регистрация: 04.04.2014
Сообщений: 151

оно дергается как-то по ненормальному
http://ford196.ru/amortizator/mondeo-ii-bap/
Ответить с цитированием
  #7 (permalink)  
Старый 22.04.2018, 19:09
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,114

face2005,
скрипт добавьте 1 раз, в конце страницы, и увеличьте 100 до 800
Ответить с цитированием
  #8 (permalink)  
Старый 22.04.2018, 19:19
Профессор
Отправить личное сообщение для face2005 Посмотреть профиль Найти все сообщения от face2005
 
Регистрация: 04.04.2014
Сообщений: 151

Спасибо огромное!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
стрелки вниз, верх при раздвижение блоков dima018 Элементы интерфейса 8 12.02.2018 21:29
Скрытие/ Открытие блока DIV по нажатию на PNG картинку dunakov Общие вопросы Javascript 11 22.04.2017 10:31
Одновременное скрытие одного блока и открытие другого. Помогите решить задачу. Янковиц Элементы интерфейса 1 03.01.2015 00:43
Скрытие, показ определённого div блока. Flashton Events/DOM/Window 5 11.04.2010 23:44
Скрытие блока после потери фокуса Nubi jQuery 2 06.02.2009 22:58