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

    });

您的代码还有一些您可以包含的条件。

jQuery slideDown 时关闭幻灯片

jQuery close slide when slideDown

jquery

slidedown

slideup