slideDown时jQuery关闭幻灯片

时间:2016-01-13 00:50:31

标签: jquery slidedown slideup

我希望在幻灯片关闭(处于活动状态)时关闭上一张幻灯片。我怎样才能做到这一点?谢谢你的帮助。

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

1 个答案:

答案 0 :(得分:0)

这是一个简单的脚本,可以帮助您:

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

    });

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

相关问题