javascript - slideToggle() 选择第一个状态

Question

我在 codepen.io 上有一个小网站

如您所见，当您访问该网站时，您可以选择自己喜欢的颜色的框会打开。但是我想反转它，所以它是关闭的，你必须打开它。

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

这是我的 slideToggle() 以使其工作。 有什么办法可以逆转吗？

Answer 1

你可以尝试在开始时调用点击函数中的内容

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

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

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

 toggleBox();
})