我尝试在Jquery中使用slideToggle效果来显示和隐藏2个div的内容,同时点击按钮......但它不能正常工作。这里的解释是:
问题
我想要实现的目标
这是JSfiddle预览的链接
<http://jsfiddle.net/GDdesign/P3Fuk/>
我希望我能清楚自己的解释。 : - )
对于你的答案,我将非常感激,
GDdesign
答案 0 :(得分:1)
使用jquery回调函数,将你的js更改为:
$(document).ready(function () {
$('ul.btns').on('click', 'a', function(event){
event.preventDefault();
if ( $(this).hasClass('greenBtn') ) {
if ( $('#hide2').css('display') != 'none' ) {
$('#hide2').slideUp('2000', 'swing',function(){
$('#hide1').slideToggle('2000', 'swing');
});
}
else
{
$('#hide1').slideToggle('2000', 'swing');
}
} else {
if ( $('#hide1').css('display') != 'none' ) {
$('#hide1').slideUp('2000', 'swing',function(){
$('#hide2').slideToggle('2000', 'swing');
});
}
else
{
$('#hide2').slideToggle('2000', 'swing');
}
}
});
});
jsFiddle链接:DEMO