Спойлер JS display:none, как сделать?

Question

[LRN]

Добрый день.

Есть вот такой спойлер

$('.categories').on('click', function(){
		$(this).toggleClass('opened').toggleClass('closed').next().slideToggle();
		if($(this).hasClass('opened')) {
			$(this).html('Меньше категорий');
		}
		else {
			$(this).html('Больше категорий');
		}
		$('.id-011, .id-012, .id-013, .id-014, .id-015, .id-016, .id-017, .id-018, .id-019, .id-020').slideToggle();
	});

Но он добавляет к раскрываемым элементам
overflow: hidden
из-за чего дочерние элементы я не могу показывать при наведении курсора.

Нужно изменить, что бы добавлял display: block/none или просто добавлял/удалял новый class к раскрываемым элементам

Спасибо

Comments

[Михаил Р.]

Что у Вас конкретно не получилось?

[LRN]

Текущий скрипт JS работает, но он к раскрываемым элементам добавляет CSS свойство overflow: hidden, необходимо изменить JS, что бы он вместо overflow: hidden добавлял display: block/none или добавлял новый class

[Ankhena]

LRN, почему вы не можете поменять в скрипте добавляемые и убираемые классы?
Или убрать overflow из тех классов, которые используются сейчас?

$('.id-011, .id-012, .id-013, .id-014, .id-015, .id-016, .id-017, .id-018, .id-019, .id-020')

это вообще прекрасно. А если их еще больше будет, так и станете перечислять?
Либо задайте одинаковый класс либо используйте подходящий всем селектор.

[LRN]

Проблема в этом joxi.ru/52ab1KYiZqRnxA из-за overflow: hidden я не могу показать подкатегории при наведении курсора.

[Ankhena]

LRN, так ищите, кто это дописывает.
.slideToggle использует overflow, но исключительно во время анимации открытия или закрытия. Когда анимация завершена, этих свойств не остается.

И уж точно не дописывает list-item. Это только нерадивый кодописец может такое заинлайнить.

[LRN]

Ankhena, нет других скриптов, дописывает именно ок, что указан в топике

[Ankhena]

LRN, тогда пора делать песочницу с демонстрацией проблемы на codepen.io или jsfiddle.net или аналоге

[LRN]

Сделал https://codepen.io/jtxgcstw-the-reactor/pen/MWNvJEN, действительно.

Тогда пока не понимаю, что не так

[Ankhena]

LRN,

Тогда пока не понимаю, что не так

Смотрите какие ещё скрипты подключены и мешают.