Кнопка для скрытия содержимого divs не работает в проекте Django

У меня есть файл javascript со следующей функцией:

function sw(cl, v) {
    var a = document.getElementsByClassName(cl);
    for (var i=0; i<a.length; i++) a[i].style.display = v;
  }

В моем html файле есть следующий код:

<script src="sw.js">
    
</script>

<button onclick="sw('c1', ''); sw('c2', 'None'); sw('c3', 'None');">show c1</button>
<button onclick="sw('c1', 'None'); sw('c2', ''); sw('c3', 'None');">show c2</button>
<button onclick="sw('c1', 'None'); sw('c2', 'None'); sw('c3', '');">show c3</button>

<div class="c1">
<!-- content -->
</div>
<div class="c2">
<!-- content -->
</div>
<div class="c3">
<!-- content -->
</div>

Я попробовал использовать функцию в отдельном html-файле, и она работает, как и кнопки. Однако я попробовал использовать ее в проекте Django, и кнопки не работают. Курсор мыши не меняется при наведении на кнопку, но цвет кнопки меняется. В divs содержатся команды Django, такие как {% include "file.html" %}. Почему код не работает правильно в проекте?

Для контекста, я пытаюсь написать селектор пользовательского интерфейса. Кнопки должны изменять стиль отображения.

Вернуться на верх