Показать сообщение отдельно
  #1 (permalink)  
Старый 26.03.2016, 02:31
Аспирант
Отправить личное сообщение для maximamus Посмотреть профиль Найти все сообщения от maximamus
 
Регистрация: 29.01.2015
Сообщений: 81

Сменить текст на картинку в data-toggle-text
Всем привет!
Подскажите пожалуйста, как вместо текста, сделать картинки, что бы менялись когда блок открываешь и закрываешь. Пробовал стилями, но я так понял, что скрипт еще, что то шаманит...
Помогите пожалуйста, а то в программировании дубзеленый(

<button class="js-button" data-toggle-text="&#215;">&#8801;</button>
            <div class="js-container hidden">
                <div>
                   ТЕКСТ
                 </div>
            </div>


;(function($D){
	var $button    = $D.querySelector('.js-button'),
		$container = $D.querySelector('.js-container');

	$button.addEventListener('click', function(e){
		var data = e.target.dataset,
			toggleText = $button.innerHTML,
			isVisible = $container.style.display == 'block';

		$button.innerHTML = data.toggleText;
		data.toggleText = toggleText;

		$container.style.display = isVisible ? 'none' : 'block';
	});
})(document);
Ответить с цитированием