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

Question

[alexei_2002]

Открывается, но не закрывается, а мне нужно чтобы и открыть и закрыть можно было. Очень долго пытался в этом разобраться, но так и не получилось.
Собственно вот мой код:
HTML:

<a href="#box" onclick="openbox('box')">
	<div id="containercall">
		<img src="resource/call.png" alt="" id="call">
	</div>
	</a>
		<div id="box">Оставьте свой номер и мы с вами свяжемся</div>

CSS:

#containercall{
	position: fixed;
	top: 85%;
	left: 92%;
	cursor: pointer;
	display: block;
}
#box{
	display: none;
}

JS:

function openbox(box){
	display = document.getElementById('box').style.display;
	if (display = 'none'){
		document.getElementById('box').style.display = "block";
	}else
	{
		document.getElementById('box').style.display = "none";
	}
}

Answer 1

[Egor Sabyanin]

В вашем JS коде в функцию вы передаёте параметр box, но нигде его даже не используете

HTML

<a href="#box">
  <div id="containercall">
    <img src="resource/call.png" alt="" id="call">
  </div>
  </a>
    <div id="box">Оставьте свой номер и мы с вами свяжемся</div>

JavaScript

let openBox = document.querySelector('a[href="#box"]');
let box = document.querySelector('#box');

openBox.addEventListener('click', () => {
  if (box.style.display == "none") {
     box.style.display = "block";
} else {
     box.style.display = "none";
}
});

Comments

[alexei_2002]

Этот вариант вообще не открывает div, попробовал и просто на ссылке.
И что еще заметил, то что при нажатии, в адресной строке приписывается #box
file:///C:/Users/Алексей/Desktop/Курсач1/index.html#box

[Egor Sabyanin]

alexei_2002, работает, кликните на изображение в нижней части экрана

[Максим]

Egor Sabyanin, я исправил свой ответ - теперь открывается и закрываетсяhttps://codepen.io/topicstarter/pen/jOrjwgR

Answer 2

[Надим]

Вы можете использовать AlertifyJS. Для начала подключите его:

<script src="https://cdnjs.cloudflare.com/ajax/libs/alertifyjs-alertify.js/1.0.11/js/alertify.js"></script>

Далее просто вызывайте одну из этих функций:

alertify.alert('Произвольный текст');
alertify.success('Произвольный текст');

То есть для вызова их при клике, нужно банально прописать в атрибуте onckilck:

<a href="#box" onclick="alertify.alert('Оставьте свой номер и мы с вами свяжемся')">
  <div id="containercall">
    <img src="resource/call.png" alt="" id="call">
  </div>
  </a>

Официальный сайт плагина, где можно найти более свежие версии:
https://alertifyjs.com

Comments

[alexei_2002]

Дело в том, что диву #box я задам стиль и при нажатии на ссылку у меня будет открываться и закрываться окно с некоторой информацией скажем так.