Форум

Numbovskij · #1 (**permalink**) 10.09.2017, 09:47

Здравствуйте. Помогите с вопросом:
Имеется скрипт

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

    $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);

Это скрипт спойлера, нужно убрать undefined после срабатывания его

рони · #2 (**permalink**) 10.09.2017, 10:05

Numbovskij,
об остальном коде, самим догадаться?

рони · #3 (**permalink**) 10.09.2017, 10:18

Numbovskij,

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .js-button1{
    cursor: pointer;
  }

  </style>


</head>

<body>
<div class="js-button1" data-toggleText="всякий бред">кликни для получения приза!</div>
<div class="js-container1" style="display: none">всякая хрень</div>
<script>
(function ($D) {
    var $button = $D.querySelector('.js-button1'),
        $container = $D.querySelector('.js-container1');

    $button.addEventListener('click', function (e) {
        var data = $button.dataset,
            toggletext = $button.innerHTML,
            isVisible = $container.style.display != 'none';

        $button.innerHTML = data.toggletext;
        data.toggletext = toggletext;

        $container.style.display = isVisible ? 'none' : 'block';
    });
})(document);

  </script>
</body>
</html>

laimas · #4 (**permalink**) 11.09.2017, 10:43

Сообщение от рони

data-toggleText="всякий бред">кликни для получения приза!
style="display: none">всякая хрень

маркетинг!

Форум

Справочник

Discord чат

Курсы javascript