display:block при нажатии на radio

Нужно, чтобы при наведении или нажатии на radio
.open2 img {display: none;} менялся на {display: block;}

4

css
.open2 img {display: none;}

Ответ

пример с js
document.querySelector('.open1 input').onmouseenter = function() { document.querySelector('.open2 img').style = 'display: block'; } document.querySelector('.open1 input').onmouseleave = function() { document.querySelector('.open2 img').style = 'display: none'; } .open2 img {display: none;}

4

пример с css (mini hack)
.open2 img {display: none;} .open1 {display: block;} .open1:hover + .open2 img {display: block;}

4