Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 24.06.2019, 17:01
Аспирант
Отправить личное сообщение для Aleksanderj Посмотреть профиль Найти все сообщения от Aleksanderj
 
Регистрация: 14.06.2013
Сообщений: 70

Как выполить второй клик?
Здравствуйте.
Использую две анимации anima.js по клику на одну кнопку:
var buttonEl = document.querySelector('.burger');

// First Click button
function clickButton() {
  anime.remove(buttonEl);

var clickAnimation = anime.timeline ({
	targets:'.closeLine1, .closeLine2 ', 	
    delay: function(el, i) { return i * 75; }, 
    duration: 150,
  	easing: 'linear'
  });
  clickAnimation.add({
    targets:'.not-clickable .burgerLine1, .not-clickable .burgerLine2', 
    width:  '0px',
	update: function(anim) {		
      buttonEl.classList.remove("not-clickable");
      buttonEl.classList.add("clickable");
    }    
  });  
   clickAnimation.add({	 
    width: ['0px', '32px']
  });
   
}
buttonEl.addEventListener('click', clickButton,  function() {	
	anime.clickButton;	
});

// Second Click button
function unClickButton() {
  anime.remove(buttonEl);

var unClickAnimation = anime.timeline ({
	targets:'.clickable .closeLine1, .clickable .closeLine2 ', 	
    delay: function(el, i) { return i * 75; }, 
    duration: 150,
  	easing: 'linear'
  });
  unClickAnimation.add({    
    width:  '0px',
	update: function(anim) {	
		buttonEl.classList.remove("clickable");
      buttonEl.classList.add("not-clickable");      
    }    
  });
  unClickAnimation.add({
    targets:'.burgerLine2', 
    width:  ['0px', '24px']    
  });  
   unClickAnimation.add({	
	targets:'.burgerLine1',
    width: ['0px', '32px']
  });   
}
buttonEl.addEventListener('click', unClickButton,  function() {		
		anime.unClickButton;		
});

Подскажите как сделать так, чтобы функции выполнялись поочередно по клику на кнопку(при первом нажатии одна, при втором другая)?
Ответить с цитированием
  #2 (permalink)  
Старый 24.06.2019, 17:44
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

<div>0</div>
<button>Click</button>
<script>
var dest = document.querySelector('div'),
      trig = 1;
function setOne() {
     dest.innerText = "1";
}
function setZero() {
     dest.innerText = "0";
}
document.querySelector('button').addEventListener('click', function() {
   var act = trig > 0? setOne():setZero();
   trig = -trig;
});
</script>
Ответить с цитированием
  #3 (permalink)  
Старый 24.06.2019, 17:54
Аспирант
Отправить личное сообщение для Aleksanderj Посмотреть профиль Найти все сообщения от Aleksanderj
 
Регистрация: 14.06.2013
Сообщений: 70

Dilettante_Pro,
Спасибо большое! Очень помогли
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сделать командный клик atlantstar Элементы интерфейса 1 17.03.2018 02:15
Как отследить клик на объект "button"? Karnagie Общие вопросы Javascript 1 28.01.2018 16:50
Ну че, как вам Ангуляр второй? Mаxmaxmаximus Оффтопик 17 31.01.2016 04:13
Открытие div блока при первом визите на сайт Nushaba Общие вопросы Javascript 28 20.12.2013 21:24
Как зафиксировать клик за рамки формы Beck jQuery 2 13.09.2009 18:42