css hover alternative (автоматический)

Question

Мой CSS должен измениться с использованием перехода, и до сих пор я использовал div:hover.

Переход должен быть активирован, если вы нажмете другой div, а не когда вы наведите указатель мыши на div, который должен быть перемещен/изменен.

Как я могу это сделать?

Благодаря

Эверт

Answer 1

Вы не можете обрабатывать события нажатия на элементы DOM с помощью CSS, вам нужно будет использовать JavaScript для этого.

Вы можете добавить событие click к первому div, который будет запущен при нажатии на него. В рамках события вы выбираете другой div и выполняете переход.

Working Demo

Вы можете сделать это, добавив класс с переходом CSS:

Html:

<div id="clickme">1</div> 
<div id="changeMe">2</div> 

Javascript:

var el = document.getElementById('clickme'); 

el.onclick = function() { 
    document.getElementById('changeMe').className = "transition"; 
}; 

CSS:

.transition{ 
    /* transition css */ 
}