禁用/取消绑定单击活动项,不活动时重新绑定单击

我有一个左定位导航,可以在右侧显示/隐藏内容。当前,当您单击一个链接时,它会在右侧相应的内容中淡出,并向该链接添加一个活动类。我的问题是,如果再次单击活动链接,右侧的内容会再次淡入。我想在链接处于活动状态时解除该单击的绑定,如果您单击另一个导航链接(随后从上一个链接中删除类并将其添加到当前链接中),则将单击事件重新绑定到所有非活动链接。

这是我当前的代码:

    $('.mixesSidebar ul li').click( function() {
           //Get the attribute id
           var liId = $(this).attr('id');
           //removeClass active from all li's, addClass active to this
         $('.mixesSidebar ul li').removeClass('active');
         $(this).addClass('active');
           //Hide all content on the right
         $('.mixesContent ul').hide();
           //Find the content with the same class as the clicked li's ID, and fadeIn
         $('.mixesContent').find('.' + liId).fadeIn('slow');
});

非常感谢你的帮助!