添加的slideToggle到面板开关

我想要一个的slideToggle功能添加到页面，你可以看到我在与这个小提琴重现问题的页面的部分：http://jsfiddle.net/nickgardner/YYcH7/10/添加的slideToggle到面板开关

我能得到jquery slidetoggle孤立地工作，但它不起作用，当我在页面上使用它。我不确定冲突在哪里，非常感谢任何帮助。感谢，尼克

http://jsfiddle.net/nickgardner/YYcH7/10/

$('#faq-1-1').click(function() { 
    $('#faq-1-1-hide').slideToggle('slow', function() { 
     // your code 
    }); 
});

UPDATE：

我用下面弗瑞斯所提供的意见，不同的是该面板开关不再工作这工作。由于这是为了在Shopidy页面中进行的，我尝试将已经注释掉的代码添加到头部（一个包含），现在它正在工作。

来源

2013-08-26 nick

在你的小提琴中，什么是“jcps”？它是未定义的。 – htxryan

来自我从这个插件使用的代码：http://code.google.com/p/jquery-content-panel-switcher/ – nick

我叉你的jsfiddle并使其工作：http://jsfiddle.net/n6tFW/

你真的只需要一个$（document）.ready函数，而不是三个。

这是缺少一个右“： $("#one, #two, #three, #four)

所以这应该是： $("#one, #two, #three, #four")

注意，我注释掉这一行： jcps.fader(300, '#switcher-panel');

我认为是一些库，你有在您的代码中，jsFiddle没有，它会导致脚本在那里崩溃。

在这里，你太早关闭$（document）.ready函数：

$('#faq-group a').click(function(){ 
    $('#faq-group a').removeClass("active"); 
    $(this).addClass("active"); 
}); 
}); //Closes the $(document).ready function, but you don't want to do that yet!

然后，所有剩下的是一个额外的});添加到末尾：

$('#faq-1-1').click(function() { 
$('#faq-1-1-hide').slideToggle('slow', function() { 

}); 
}); 
});

这使总的你的JS代码到这一点：

$(document).ready(function() { 
    $("#one, #two, #three, #four").on('click', function() { 
     $('[class$="-dropdown"]').not('.'+this.id.replace('nav','')+'-dropdown').slideUp(); 
     $('.'+this.id.replace('nav','')+'-dropdown').slideToggle(1000); 
    }); 

    //jcps.fader(300, '#switcher-panel'); 

    $('#media-side-nav ul li a').click(function() { 
     $('#media-side-nav ul li a').removeClass("active"); 
     $(this).addClass("active"); 
    }); 

    $('#faq-group a').click(function() { 
     $('#faq-group a').removeClass("active"); 
     $(this).addClass("active"); 
    }); 

    $('#faq-1-1').click(function() { 
     $('#faq-1-1-hide').slideToggle('slow', function() { 

     }); 
    }); 
});

所以，是的，这个问题的真正的肉和土豆是，你需要正确地缩进代码。你会立即发现类似这样的错误！与失踪“只是一个小错误，没问题！

来源

2013-08-26 20:05:30 Floris

非常感谢弗洛里斯 – nick

您已经使用id faq-group几次。这是无效HTML。把申报单中一类的名字，那么它应该工作！

来源

2013-08-27 05:11:21 cars10m

添加的slideToggle到面板开关

回答

相关问题