jQuery在slideDown時關閉幻燈片

Question

我想關閉上一張幻燈片，當幻燈片關閉時（處於活動狀態）。我怎樣才能做到這一點？感謝您的幫助。

//PARAMS 
var codeicons = jQuery('.codeparams').attr('data-icons'); 
var codecoloreven = jQuery('.codeparams').attr('data-even'); 
var codecolorhover = jQuery('.codeparams').attr('data-color'); 
var codebordercolor = jQuery('.codeparams').attr('data-border'); 

//DOWN 
jQuery('.code-question').toggle(function(){ 
    jQuery(this).next().slideDown('fast'); 

    if(codeicons == 'dark') { 
    jQuery(this).addClass('code-active').addClass('codedarkdell').css({'box-shadow' : codebordercolor + ' 0 0 4px 0 inset' , 'border-color' : codebordercolor}); 
} else { 
    jQuery(this).addClass('codelightdell').css({'box-shadow' : codebordercolor + ' 0 0 4px 0 inset' , 'border-color' : codebordercolor}); 
    }; 
}, 

/UP 
    function(){ 
    jQuery(this).next().slideUp('fast'); 
    jQuery(this).removeClass('codedarkdell').removeClass('codelightdell').css({'box-shadow': '', 'border-color': ''}); 
    }); 

Answer 1

下面是一個簡單的腳本，它可以幫助你：

$('.code-question').click(function(){ 
     //Close all which are open 
     $('.code-answer').slideUp(); 
     // check if clicking on active one 
     if ($(this).next().is(':visible')) { 
      //Close it if open 
      $(this).next().slideUp('fast');  
     } else { 
      //Open it if not 
      $(this).next().slideDown('fast');  
     } 

    }); 

您的代碼有更多的條件，你可以有。