Задать вопрос
SPART4K
@SPART4K
Middle Front-end Developer (Vue.js/Nuxt.js)

Изменение классов, как изменить?

у меня есть 3 слайда, в нем списки, есть ли возможность при клике на один список, чтобы срабатывал slideToggle на остальных тоже?
<div class="slide1">
	<ul class="header">
		<li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum beatae ea excepturi expedita debitis doloribus laborum animi, reiciendis, quae, tenetur enim? Ut illo quisquam officiis recusandae quis saepe aperiam perspiciatis!</li>
		<li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum beatae ea excepturi expedita debitis doloribus laborum animi, reiciendis, quae, tenetur enim? Ut illo quisquam officiis recusandae quis saepe aperiam perspiciatis!</li>
		<li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum beatae ea excepturi expedita debitis doloribus laborum animi, reiciendis, quae, tenetur enim? Ut illo quisquam officiis recusandae quis saepe aperiam perspiciatis!</li>
		
	</ul>
</div>
<div class="slide2">
	<ul class="header">
		<li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum beatae ea excepturi expedita debitis doloribus laborum animi, reiciendis, quae, tenetur enim? Ut illo quisquam officiis recusandae quis saepe aperiam perspiciatis!</li>
		<li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum beatae ea excepturi expedita debitis doloribus laborum animi, reiciendis, quae, tenetur enim? Ut illo quisquam officiis recusandae quis saepe aperiam perspiciatis!</li>
		<li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum beatae ea excepturi expedita debitis doloribus laborum animi, reiciendis, quae, tenetur enim? Ut illo quisquam officiis recusandae quis saepe aperiam perspiciatis!</li>
	</ul>
</div>
<div class="slide3">
	<ul class="header">
		<li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum beatae ea excepturi expedita debitis doloribus laborum animi, reiciendis, quae, tenetur enim? Ut illo quisquam officiis recusandae quis saepe aperiam perspiciatis!</li>
		<li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum beatae ea excepturi expedita debitis doloribus laborum animi, reiciendis, quae, tenetur enim? Ut illo quisquam officiis recusandae quis saepe aperiam perspiciatis!</li>
		<li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum beatae ea excepturi expedita debitis doloribus laborum animi, reiciendis, quae, tenetur enim? Ut illo quisquam officiis recusandae quis saepe aperiam perspiciatis!</li>
	</ul>
</div>
  • Вопрос задан
  • 37 просмотров
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 2
@V0vash
берешь все слайды=> в них берешь ребёнка (ul) =>на ul'oв клик => берешь ВАЩЕ всех ul => делаешь с ними slideToggle
Ответ написан
Комментировать
Benzin102
@Benzin102
Shitcoder
$('.header').on('click', function(){
    $('.header').slideToggle();
})
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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