Как сделать чтобы при нажатии на один элемент, менялся другой при помощи js?

Question

[Emil7676]

Как сделать так чтобы при нажатии на li.button, img1 пропадал, а img11 наоборот появлялся? Но при повторном нажатии на li.button он опять становился img1(это только если кликнув на li.button на другое место если кликнув чтобы не срабатывало) В JavaScript не очень понимаю, помогите пожалуйста, спасибо.

<li class="menu">      
          <ul>
		    <li class="button"><a href="#" class="box1"><img src="imeges/home1.png" class="img1"><img src="imeges/home2.png" class="img11">Главная</a></li>
            
          </ul>          
      </li>

.img1 {
    position: relative;
    float: left;
    padding-right: 10px;
    bottom: 5px;
}
li.button img.img11 {
    opacity: 0%;
    transition: 0.2s;
}
.img11 {
    right: 175px;
    position: relative;
    float: right;
    bottom: 5px;
}

Comments

[Сергей delphinpro]

Слушай, мужик. Да напиши ты уже, что тебе конкретно нужно!
Прямо готовый код дам, лишь бы перестал одно и то же спрашивать...

[Emil7676]

Сергей delphinpro, Чтобы при нажатии на button, img 1 менялась на img2, а при повторном нажатии на button, img2 менялась на img1. Но чтобы при кликах на другие места img2 на img1 не менялась только в обратную при клике на button.

Answer 1

[Сергей delphinpro]