slideToggle()选择了第一个状态

时间:2017-01-23 14:58:59

标签: javascript jquery html css

我在codepen.io

上找到了一个小网站

如您所见,当您访问该网站时,可以打开您可以选择喜欢的颜色的框。但是我想要撤消它,所以它已关闭,你必须打开它。

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

这是我的slideToggle()使它工作。 有什么方法可以扭转这种局面吗?

3 个答案:

答案 0 :(得分:1)

您可以尝试在开始时点击Click功能中的内容

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

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

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

 toggleBox();
})

答案 1 :(得分:0)

只需将display:none添加到colors

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

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

答案 2 :(得分:0)

使用:

     SELECT DISTINCT
            ,-1*(SUM(ISNULL(DB.[Commission_Bal],0)) + SUM(ISNULL(UP.AMOUNT,0))) AS [Commission_Bal]
            ,DATEDIFF(DAY,DB_CD.Create_Date,'20170123')  AS Days_In_Neg_Bal
            ,CASE WHEN DOC.DocumentTypeCode = 'MCS30' THEN DOC.DocumentDate END AS '30 Day Letter'
            ,CASE WHEN DOC.DocumentTypeCode = 'MCS60' THEN DOC.DocumentDate END AS '60 Day Letter'
            ,CASE WHEN DOC.DocumentTypeCode = 'MCS90' THEN DOC.DocumentDate END AS '90 Day Letter'
            ,CASE WHEN DOC.DocumentTypeCode = 'MCS20' THEN DOC.DocumentDate END AS '120 Day Letter'
            ,DB.[Cycle_Date]