Задать вопрос
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>
  • Вопрос задан
  • 39 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Академия Eduson
    Fullstack-разработчик на JavaScript
    11 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 2
@V0vash
берешь все слайды=> в них берешь ребёнка (ul) =>на ul'oв клик => берешь ВАЩЕ всех ul => делаешь с ними slideToggle
Ответ написан
Комментировать
Benzin102
@Benzin102
Shitcoder
$('.header').on('click', function(){
    $('.header').slideToggle();
})
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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