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

AlexGood · 5 июл 2019

Что-то я туплю. Мне нужно скрыть 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>•</span>Гидравлическое уплотнение</a>
</li>
<li>
<a href="#"><span>•</span>Название товара</a>
</li>
<li>
<a href="#"><span>•</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";
  }
}
просто пропустил ковычки