的slideToggle（）选择第一状态

Question

我有一个小网站上codepen.io

正如你所看到的，这个盒子，在这里你可以选择自己喜欢的颜色被打开，当u访问该网站。但我想扭转它，所以它关闭了，你必须打开它。

$('#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(); 
}) 

Answer 2

只需添加一个display:none到colors

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

http://codepen.io/anon/pen/RKgrwZ

Answer 3

使用：

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