@BIGO23

Появление и скрытие блоков?

Есть js
$('.toggle-container').on('click', function(e) {
		$(this).find('.toggle').toggleClass('active');


		if ($(this).find('.toggle').hasClass('active')) {
			$(this).closest('.config__rent-block').find('.toggle-text-right').addClass('color-green');
			$(this).closest('.config__rent-block').find('.toggle-text-left').removeClass('color-blue');
		} else {
			$(this).closest('.config__rent-block').find('.toggle-text-left').addClass('color-blue');
			$(this).closest('.config__rent-block').find('.toggle-text-right').removeClass('color-green');
		}
	});


и html

<div class="config__rent-block">
				<span class="toggle-text-left color-blue" class="mr-4 color-blue">Название1</span>
				<div class="toggle-container">
					<div class="toggle"></div>
				</div>
				<span class="toggle-text-right" class="ml-3">Название2</span>
			</div>


При переключении меняется цвет надписей как сделать чтоб при переключении появлялся один div а другой скрывался и наоборот
  • Вопрос задан
  • 72 просмотра
Решения вопроса 1
wapster92
@wapster92 Куратор тега JavaScript
Точно так же только вместо .addClass() и .removeClass() использовать .show() и .hide()
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
KickeRocK
@KickeRocK
FrontFinish
Дать им один класс и через .toggle()
менять всем в нужном блоке, с этим классом?
$('.toggler').click(function(){
$(this).find('.toToggle').toggle()
});
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы