jQuery if / else语句遇到麻烦，并且“ slide”效果隐藏了最后一个元素

Question

这是我自己拼凑的第一个jquery脚本。 我在尝试使if / else语句正常工作时遇到问题。 如果您单击的框/链接当前可见，我只是希望脚本不运行。

这是没有if语句的脚本： http : //jsfiddle.net/Vitruvius/yqMAN/

$('.link').click(function () {
var parentName = $(this).closest('ul').attr('id');
var boxNumber = $(this).attr('id');
$('.' + parentName).children('.active').toggle('slide',{direction:'right'},function(){
    $('.' + parentName + ' ' + 'div').removeClass('active');
    $('.' + parentName).children('.' + boxNumber).show().effect('slide').addClass('active');
});

}）;

这是我尝试的if语句： http : //jsfiddle.net/Vitruvius/h8CMU/

$('.link').click(function () {
var parentName = $(this).closest('ul').attr('id');
var boxNumber = $(this).attr('id');
if($('.' + parentName).children('.' + boxNumber).hasClass('active')){
    return:false;
}
else {
    $('.' + parentName).children('.active').toggle('slide',{direction:'right'},500,function(){
        $('.' + parentName + ' ' + 'div').removeClass('active');
        $('.' + parentName).children('.' + boxNumber).show().effect('slide').addClass('active');
    });
}

}）;

另外，有人知道为什么滑动效果会在最后滑动消失之前隐藏最后一个元素吗？ 我在任何地方都找不到答案。

如果您有任何提示和/或建议，请告诉我。 谢谢。

Answer 1

您需要更换它

return:false;

通过

return false;

我说够了

演示