的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'); 
    }); 
})