Question

jquery 缓慢伸缩效果，我想再点击的时候更换菜单样式，并实现缓慢伸缩效果

$(".father").live('click', function () {
$(this).removeClass("father");
$(this).addClass("father_sel2");
// $(".father_sel2").show('1000');
$(this).children('ul').slideDown('1000');
});
$(".father_sel2").live('click', function () {
$(this).children('ul').slideUp('1000');
$(this).removeClass("father_sel2");
$(this).addClass("father");
});

我代码是这样写的，现在只有点击打开的时候是缓慢展开的，收缩的时候还是没有效果，哪位高手教教我怎么让它缓慢收缩啊

Answer 1

这样试试

$(".father").toggle(function () {
$(this).removeClass("father");
$(this).addClass("father_sel2");
// $(".father_sel2").show('1000');
$(this).children('ul').slideDown('1000');
}, function () {
$(this).children('ul').slideUp('1000');
$(this).removeClass("father_sel2");
$(this).addClass("father");
});

追问

找到原因了 是我的addClass执行太快 效果还没出来就过去了 只是现在这样点击子菜单的时候也会收缩 能去掉子菜单的收缩效果吗？