如何使jQuery的点击事件仅在第一次点击时触发

我有两个div(.basic1和.basic2)。我想要.basic1淡出点击，和.basic2淡入淡出，我有奇妙的工作。唯一的问题是，一旦.basic2淡入淡出，如果用户继续点击链接(.navbar1)，它会一遍又一遍地淡出这个div。我知道我需要使用.bind()函数，但我似乎无法弄清楚我的代码放在哪里。谢谢！

$(document).ready(function() {
    $('.navbar1').click(function(E){
        e.preventDefault();

        $('.basic2').hide().load('.basic2',function() {
            $(this).delay(600).fadeIn(1000);
            $('.basic1').fadeOut(1000);
        });
    });
});

$('.navbar1').one('click',function(E) {

$(document).on('click','.navbar1:not(.clicked)',function() {
    // ...
});