Как задать toggle для стиля?

Question

[DeniSidorenko]

Привет есть такой скрипт, думаю не стоит объяснять что он делает

$('.item-contacts__title').on('click',function(){
	$(this).next().toggle('slow');
})

Нажимаю один раз открывается его children, нажимаю второй раз закрывается. Однако мне надо что бы когда он открывался имел top: 0 а когда закрывался top : 70%

$('.item-contacts__title').on('click',function(){
	$(this).next().toggle('slow');
	$(this).parent().parent().css('top','0');
})

Добавил такой скрипт, однако такой подход постоянно задает ему top 0 , а мне надо что бы второй раз он получал top 70%

Answer 1

[DeniSidorenko]

let isOpen = false; // Задаем переменную в которой будем хранить состояние

$('.item-contacts__title').on('click',function(){
  $(this).next().toggle('slow');
  $(this).parent().parent().css('top', (isOpen ? '70%' : 0)); // В зависимости от состояния задаем позицию
  isOpen = !isOpen; // Меняем состояние на противоположное
})