@vetalsd2
front-end Trainee

Как сделать так, чтоб при нажатии на синий заголовок вылазил тег p, но остальные р исчезали?

a4535d02f7924eb6a4b77255bf86b5ee.jpg
<div class="col-sm-3">
					<div class="adress">
						<h6 class="first_map">Магазин №1</h6>
						<p>г. Киев, ул. Стеценка, 33А <br><a href="tel:+380444009923?call">(044) 400-99-23</a><br><a href="tel:+380674409298?call">(067) 440-92-98</a><br><a href="mailto:info@dh-kiev.com">info@dh-kiev.com</a></p>
					</div>
					<div class="adress">
						<h6 class="second_map">Магазин №2</h6>
						<p>г. Коростень, <br>ул. Сосновского, 11<br><a href="tel:+380674409216?call"></a>(067) 440-92-16<br><a href="mailto:korosten@dh-kiev.com">korosten@dh-kiev.com</a></p>
					</div>
					<div class="adress">
						<h6 class="third_map">Магазин №3</h6>
						<p>с. Петропавловская Борщаговка, ул. Жовтнева, 77<br><a href="tel:+300443716980?call">(044) 371-69-80</a><br><a href="tel:+380673532277?call">(067) 353-22-77</a><br><a href="tel:+380672400401?call">(067) 240-04-01</a><br><a href="mailto:info@dh-kiev.com">info@dh-kiev.com</a></p>
					</div>
					<div class="adress">
						<h6 class="fourth_map">Магазин №4</h6>
						<p>г. Малин, ул. Огиенка, 57<br><a href="tel:+380413345223?call">(041) 334-52-23</a><br><a href="tel:+380673532266?call">(067) 353-22-66</a><br><a href="mailto:most-malin@i.ua">most-malin@i.ua</a></p>
					</div>
				</div>

$('.adress h6').each(function(){
		$(this).on('click', function(){
			$(this).siblings('p').slideToggle('fast');
		});
	});
  • Вопрос задан
  • 133 просмотра
Решения вопроса 1
Stalker_RED
@Stalker_RED
Если добавить диву col-sm-3 класс stores то можно сделать как-то так
$('.stores').on('click', '.address h6', function(){
    var currentAddress = $(this).closest('.address')
    currentAddress.find('p').show();
    currentAddress.siblings().find('p').hide();
});


Демо: https://jsfiddle.net/rw7njax9/
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы