Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Удаленная работа для IT-специалистов
$('.accordion a').click(function(j) { var dropDown = $(this).closest('li').find('.drop'); $(this).closest('.accordion').find('.drop').not(dropDown).slideUp(); if ($(this).hasClass('active')) { $(this).removeClass('active'); } else { $(this).closest('.accordion').find('a.active').removeClass('active'); $(this).addClass('active'); } dropDown.stop(false, true).slideToggle(); j.preventDefault(); });
.green.reserv{ background: linear-gradient(to right,#87db3a 49%,#fb5e8b 50%); } .green.check{ background: linear-gradient(to right,#fb5e8b 49%,#87db3a 50%); }
вот пример стандартного акордиона, который при клике открывает невидимую область, присваивает класс и при закрытии убирает этот класс