Скрипт типа Аккордеон на js

106
10 декабря 2020, 17:50

Подскажите пожалуйста, как мне сделать ниспадающий блок на подобие аккордеона. Пытаюсь интегрировать вот такой скрипт:

`var acc = document.getElementsByClassName("workplace_td icon pointer");
var i;
for (i = 0; i < acc.length; i++) {
  acc[i].addEventListener("click", function() {
    this.classList.toggle("active");
    var panel = this.nextElementSibling;
    if (panel.style.display === "block") {
      panel.style.display = "none";
    } else {
      panel.style.display = "block";
    }
  });
}
`

Но не могу никак заставить его открываться на ссылку. Вот тут по идее должен исполняться скрипт, но я ума не приложу как это сделать:

        <div class="td_6">
            <div class="workplace_td icon pointer">
                <a href="#"></a>
            </div>
        </div>
Answer 1

Так у вас же не задан ни display:none, ни display:block, по которым выполняется проверка условия.

<div class="td_6">
    <div class="workplace_td icon pointer">
        <a href="#">Title</a>
    </div>
    <div style="display:block;">
        Content
    </div>
</div>
READ ALSO
CodeMirror document.getElementById(&ldquo;textarea-id&rdquo;) блокирует получение value поля текста

CodeMirror document.getElementById(“textarea-id”) блокирует получение value поля текста

Есть textarea id="textarea-id"Используется текстовый редактор CodeMirror

124
Как и когда нужно имплементировать IDisposable?

Как и когда нужно имплементировать IDisposable?

В каком случае мой класс должен имплементировать интерфейс IDisposable? Подскажите правильную имплементациюЧто такое неуправляемые ресурсы,...

213
Обновить DataSource для DataGridViewComboBox

Обновить DataSource для DataGridViewComboBox

Есть DataGridView (c# winforms vs2010 net40), в который добавляется строка (по одной):

93
Помощь с реализацией перегрузки метода

Помощь с реализацией перегрузки метода

До сегодня не доводилось часто сталкиваться с перегрузкой, прошу помощи с этим

108