Как сделать кнопку вкл выкл?

Question

[zeni1agent]

Как сделать кнопку вкл выкл?
Я пытался так

let tmp2 = false
$('.but').on('click', function(e){
  e.preventDefault();
  	var footer_height_ise = document.querySelector('.back').scrollHeight;
	$('.back').css('max-height', footer_height_ise);	
	  if (tmp2 == true) $('.back').css('max-height', '');
  tmp2 = true;
})

Но у меня нечего не получилось есть ли у кого идеи как это сделать?

Comments

[alex]

есть ли у кого идеи как это сделать?

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

[zeni1agent]

Alex,
Хорошо.
Мне нужно что бы при нажатий кнопки срабатывало событие клик и max-height становился например 400px
При повторном нажатий на кнопку max-height очищался и становился как обычно.
И так по кругу.

[alex]

zeni1agent, не легче просто класс менять?

[zeni1agent]

Alex,
Я пробовал уже только вот анимация получается дерганой если записать ее таким образом.

$('.but').on('click', function(e){
  e.preventDefault();
$('.but').toggleClass('.but_act');
})

.but{
max-height: 0px;
transition: 1s;
}
.but_act{
max-height: 1000px;
}

Заранее отвечу нет просто уменьшить max-height: в .but_act нельзя, поскольку height заранее не узнать.

Answer 1

[zeni1agent]

Я нашел решение

let tmp2 = false
$('.but').on('click', function(e){
  e.preventDefault();
 var footer_height_ise = document.querySelector('.back').scrollHeight;
  if (tmp2 == false) { $('.back').css('max-height', footer_height_ise);	 tmp2 = true; }
else   if (tmp2 == true) { $('.back').css('max-height', ''); tmp2 = false;  }
})

Answer 2

[Владислав]

Сделайте проще, при клике по кнопке через addClass добавляйте нужному блоку display: block, а для выключения удаляйте этот класс removeClass

Comments

[zeni1agent]

Как это вообще должно работать?
display: block, это стандартный блок он не скроет контент.
тем более когда везде flex.

[Владислав]

Пишите в css стиль .hidden ему прописываете display none и через removeClass и addClass добавляете или убираете этот hidden

[zeni1agent]

Vladddosss,
Но тогда ведь transition: 1s;
Просто не будет работать.
И смысла во всех этих действиях просто пропадает.