Список флажков не открывается

Итак, у меня есть веб-сайт laravel, где мне нужно фильтровать файлы.

Фильтр предназначен для «тегов», которые присваиваются файлу через сводную таблицу.

У меня есть этот фрагмент кода для раскрывающегося списка с флажками в качестве элементов.

   <div wire:model = "tag_id" wire:change = "filter" id = "list1" class = "dropdown-check-list" tabindex = "100">
            <span class = "anchor">select tag </span>
            <ul class = "items">
            @foreach ($categories as $category)
            <li> <input wire:model = "tag_id" wire:change = "filter" type = "checkbox" value = "{{$category->id}}"/>{{ $category->name}}</li>
            @endforeach
            <ul>
        </div>

CSS:

   <style>
        .dropdown-check-list {
  display: inline-block;
}

.dropdown-check-list .anchor {
  position: relative;
  cursor: pointer;
  display: inline-block;
  padding: 5px 50px 5px 10px;
  border: 1px solid #ccc;
}

.dropdown-check-list .anchor:after {
  position: absolute;
  content: "";
  border-left: 2px solid black;
  border-top: 2px solid black;
  padding: 5px;
  right: 10px;
  top: 20%;
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.dropdown-check-list .anchor:active:after {
  right: 8px;
  top: 21%;
}

.dropdown-check-list ul.items {
  padding: 2px;
  display: none;
  margin: 0;
  border: 1px solid #ccc;
  border-top: none;
}

.dropdown-check-list ul.items li {
  list-style: none;
}

.dropdown-check-list.visible .anchor {
  color: #0094ff;
}

.dropdown-check-list.visible .items {
  display: block;
}
    </style>

сценарий

   <script>
        var checkList = document.getElementById('list1');
checkList.getElementsByClassName('anchor')[0].onclick = function(evt) {
  if (checkList.classList.contains('visible'))
    checkList.classList.remove('visible');
  else
    checkList.classList.add('visible');
}
    </script>

Как видите, выпадающий список есть, но он не активен. Всякий раз, когда я осматриваю его, я вижу предметы UL. Я следовал коду, найденному здесь: Как создать флажок внутри выпадающего списка?