Jquery 如果选中，则保持列表手风琴打开

我为菜单做了一个简单的手风琴。只有一件事我不能去工作

简而言之：手风琴的正常状态是关闭的。我打开一个手风琴，选中一个复选框。然后页面刷新，手风琴回到关闭状态。所以我需要检查是否有任何复选框被选中，然后在默认情况下重新打开它

所以我得到的是：

HTML

---

有人有解决办法吗？或者这是一种错误的方法吗？

您必须使用某种持久数据客户端作为cookie/本地或会话存储我不明白为什么您有两个具有相同ID的uls。。。

<ul id="accordion">
  <li class="active">
     <ul style="display: block;">
        <li class="filter-item clearfix">
          <input type="checkbox" checked="checked" value="20883" name="filter[]" id="filter_20883">
          <label for="filter_20883"><span></span>H0</label>
        </li>
      </ul>
     </li>
   </ul>
 <ul id="accordion">
  <li class="active"><a href="#"><span>Strom</span><span class="close-open"></span></a>
    <ul style="display: block;">
      <li class="filter-item clearfix">
         <input type="checkbox" value="20887" name="filter[]" id="filter_20887">
         <label for="filter_20887"><span></span>Wechselstrom</label>
      </li>
      <li class="filter-item clearfix">
         <input type="checkbox" value="20888" name="filter[]" id="filter_20888">
         <label for="filter_20888"><span></span>Gleichstrom</label>
       </li>
     </ul>
    </li>
   </ul>

$('#accordion > li > a').click(function() {

      var checkElement = $(this).next();

      $(this).closest('li').addClass('active');

      if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
        $(this).closest('li').removeClass('active');
        checkElement.slideUp('normal');
      }

      if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
        $(this).closest('li').addClass('active');
        checkElement.slideDown('normal');
      }

      if($(this).closest('li').find('ul').children().length == 0) {
        return true;
      } else {
        return false;
      }

    });