Как сделать так, чтобы при нажатии на стрелку выпадающего меню, сворачивался блок?

Question

[maxwellw0w01]

Как правильно написать код, чтобы при нажатии на "<div class="list"></div>" , сворачивался конкретный блок, а именно <div class ="scroll"></div>?

HTML, записанный в скрипте :

<div class="left__block__info">
	 <li class="first_message"></li>
		 <select class="list"></select>
	      <div class="border"></div>
	 <div class="scroll"><li class="second_message"></li></div>      
</div>

Действие нужно преобразовать через делегирование.
Часть скрипта, как раз-таки написанная для выполнения этого действия:

function scrollComments (  scrollUp  )  {
		scrollUp.slideToggle( );
	   };
		$('body') .on('click', 'select.list', function(  event  )  {
			event.preventDefault();
		let  scrollUp = $(this).parents('.scroll');
		scrollComments(scrollUp);
	});

Answer 1

[Валентин Бируля]

Через хождение по DOM может?и display:none; блоку

Первый гайд в поиске
https://professorweb.ru/my/javascript/jquery/level...

Comments

[maxwellw0w01]

Уже обращался к родителям элемента, они просто не видят тот блок, который необходимо скрыть, в скрипте у меня написано это обращение( в переменной)
А на счёт display, нужно чтобы он сворачивался, а не просто исчезал, для этого есть методы .slide. Уже честно говоря не знаю, как подступиться, я точно знаю, что проблема кроется в строчке присвоения переменной, т.к поиск родителя к примеру от “left__block__info”- работает, но если я беру дочерний элемент, блока «left__block__info”, а именно “scroll”, то событие становиться инактив. Как-то так.