[Решено] Изменение стилей по клику

Тема в разделе "JavaScript", создана пользователем AlexGood, 5 июл 2019.

Статус темы:
Закрыта.
  1. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    Что-то я туплю. Мне нужно скрыть block по клику.

    Есть кнопка, под ней находится список:

    Код:
    <input id="testButton" type="button" value="Кнопка" onclick="ChangeCatalog();">
    
            <div class="menuLeftCatalog">
     
                    <ul id="test">
                        <li>
                            <a href="#"><span>&#8226;</span>Гидравлическое уплотнение</a>
                        </li>
                        <li>
                            <a href="#"><span>&#8226;</span>Название товара</a>
                        </li>
                        <li>
                            <a href="#"><span>&#8226;</span>Название товара</a>
                        </li>
                    </ul>
         
            </div>
       
    Я вешаю onclick="ChangeCatalog(); на кнопку в js пишу следующее:

    <input id="testButton" type="button" value="Кнопка" onclick="ChangeCatalog();">

    <div class="menuLeftCatalog">

    <ul id="test">
    <li>
    <a href="#"><span>&#8226;</span>Гидравлическое уплотнение</a>
    </li>
    <li>
    <a href="#"><span>&#8226;</span>Название товара</a>
    </li>
    <li>
    <a href="#"><span>&#8226;</span>Название товара</a>
    </li>
    </ul>

    </div>

    Но почему-то ничего не работает (((

    Закинул в генератор: https://jsfiddle.net/AlexGood2016/sqf9wm87/#&togetherjs=L01Ip74E4f

    Задача вроде простая - но я что-то затянул ручник (
    --- Добавлено, 5 июл 2019 ---
    Вопрос решен:
    Код:
    var testButton = document.getElementById("testButton");
    
    document.getElementById("test").style.display = "none";
    
    function ChangeCatalog() {
      if (document.getElementById("test").style.display == "none") {
        document.getElementById("test").style.display = "block";
      } else {
        document.getElementById("test").style.display = "none";
      }
    }
    просто пропустил ковычки
     
    Последнее редактирование: 5 июл 2019
Статус темы:
Закрыта.