In plaats van elke klik op het html dom-element te testen, kunt u een vervaginggebeurtenis aan het specifieke menu-item binden wanneer u het actief maakt en het vervolgens uitschakelen wanneer de vervaginggebeurtenis wordt geactiveerd. Vervang deze paar regels:
//displaying the drop down menu
$(this).parent().parent().find('.active').removeClass('active');
$(this).parent().addClass('active');
met deze:
//displaying the drop down menu
$('.active').removeClass('active');
$(this).parent().addClass('active');
$(this).blur(function() {
$('.active').removeClass('active');
});