Javascript slideToggle（）选择了第一个状态

我上了一个小网站

如你所见，当你访问网站时，你可以选择你喜欢的颜色的框被打开。但是我想把它倒过来，所以它是关闭的，你必须打开它

$('#expandcolors').click(function() {
    $('.colors').slideToggle();
    $(this).toggleClass('transform');
  });

这是我的slideToggle（）以使其工作。

---

有没有办法扭转这种局面？

只需在

颜色中添加一个
显示：none

<ul name="colors" data-for="colors[]" class="colors" style="display:none;">



使用：

  $(document).ready(function() {
  isSavedColor()
 $('.colors').hide();
  $('#expandcolors').click(function() {
    $('.colors').slideToggle();
    $(this).toggleClass('transform');
  });
 })

您可以尝试在开始时调用click函数中的内容

$(document).ready(function() {
  isSavedColor()

  var toggleBox = function(){
    $('.colors').slideToggle();
    $(this).toggleClass('transform');
  }  

  $('#expandcolors').click(function() {
   toggleBox();
  });

 toggleBox();
})

因此，添加类以开始。。。。