@smkdn05

Как сделать появление текста при клике на button именно так?

Есть элемент, кнопка button, выглядит так:
5d5949dfa1b1e300697038.png

Код такой:
<button class="js-button"><i class="fa fa-phone js-button"></i></button>


Есть скрытый div, который содержит в себе текст и появляется по клику на эту кнопку:
5d594a3a926d5545911142.png

Код такой:
<div class="js-container" style="color: white; display: none;">+420 123 - 45 - 67</div>


Код Js который и делает все эти дела:
var open = 0;
			(function($D) {
				document.addEventListener('click', function(e) {
					if (e.target.classList.contains('js-button')) {
						if (open == 2) {
							open = 0;
						}
						if (open == 0) {
							Array.prototype.forEach.call($D.getElementsByClassName('js-container'), (item) => {
								let isVisible = item.style.display == 'block';
								item.style.display = isVisible ? 'none' : 'block';
							});
							/*
							let data = e.target.dataset;
							let toggleText = e.target.innerHTML;
							e.target.innerHTML = data.toggleText;
							data.toggleText = toggleText;
							*/
						}
						open++;
					}
				});
			})(document);


Сайт на Wordpress, а вот это дописано ручками, в хэдере. Что не так и как хочется?
Нужно сделать чтобы текст появлялся справа от этой кнопки:
5d594ba68aadf213287626.png
  • Вопрос задан
  • 89 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
21 сент. 2019, в 00:13
5000 руб./за проект
20 сент. 2019, в 20:02
3000 руб./за проект
20 сент. 2019, в 19:04
80000 руб./за проект