@alexei_2002

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

Открывается, но не закрывается, а мне нужно чтобы и открыть и закрыть можно было. Очень долго пытался в этом разобраться, но так и не получилось.
Собственно вот мой код:
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";
	}
}
  • Вопрос задан
  • 400 просмотров
Пригласить эксперта
Ответы на вопрос 2
EgoSab
@EgoSab
Web-developer
В вашем 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";
}
});
Ответ написан
@zkrvndm
Софт для автоматизации
Вы можете использовать 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
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы