如何阻止javascript淡出已选择的元素

您好，我有下面的代码，允许用户在3个选项卡之间交换，它通过淡入淡出来显示和隐藏div，我希望这样，如果在导航栏上选择了当前选项卡，它不会淡入淡出，而是不做任何事情

代码如下：

HTML:

个人的
宠儿
历史

>
收藏夹
你可以试试

<script>

    $('p a').click(function(){

        var id = $(this).html().toLowerCase();
        if($('.current').attr('id')!=id){
            $('.current').fadeOut(600, function(){
                $('#'+id).fadeIn(600);
                $('.current').removeClass('current');
                 $('#'+id).addClass('current');

            });
        }

    });

</script>


$（'PA'）。单击（函数（）{
var id=$（this.html（）.toLowerCase（）；
if（$（'.current'）.attr（'id'）！=id）{
$（'.current'）.fadeOut（600，function（）{
$（'#'+id）.fadeIn（600）；
$（'.current'）.removeClass（'current'）；
$（'#'+id）.addClass（'current'）；
});
}
});
您可以试试

<script>

    $('p a').click(function(){

        var id = $(this).html().toLowerCase();
        if($('.current').attr('id')!=id){
            $('.current').fadeOut(600, function(){
                $('#'+id).fadeIn(600);
                $('.current').removeClass('current');
                 $('#'+id).addClass('current');

            });
        }

    });

</script>


$（'PA'）。单击（函数（）{
var id=$（this.html（）.toLowerCase（）；
if（$（'.current'）.attr（'id'）！=id）{
$（'.current'）.fadeOut（600，function（）{
$（'#'+id）.fadeIn（600）；
$（'.current'）.removeClass（'current'）；
$（'#'+id）.addClass（'current'）；
});
}
});
如果.current指的是当前显示的选项卡，则单击该选项卡时应忽略它，方法是检查单击的项目是否为当前项目。
如果item类包含current，则返回true，否则返回false

if(!$('#'+id).hasClass('current')){
    $('.current').fadeOut(600, function(){

        $('#'+id).fadeIn(600);
        $('.current').removeClass('current');
        $('#'+id).addClass('current');

    });
}

如果.current指的是当前显示的选项卡，则单击该选项卡时应忽略它，方法是检查单击的项是否为当前项。
如果item类包含current，则返回true，否则返回false

if(!$('#'+id).hasClass('current')){
    $('.current').fadeOut(600, function(){

        $('#'+id).fadeIn(600);
        $('.current').removeClass('current');
        $('#'+id).addClass('current');

    });
}

if(!$('#'+id).hasClass('current')){
    $('.current').fadeOut(600, function(){

        $('#'+id).fadeIn(600);
        $('.current').removeClass('current');
        $('#'+id).addClass('current');

    });
}