Выпадающее меню
 

Привет, ребята. Реализовано выпадающее меню следующим образом

$('.drop').click(function(){
        $(this).parents('.for-block').children('.dropbox').slideToggle(200);
});

При клике на div.drop выпадает div.dropbox. Как реализовать скрытие выпадающего меню когда курсор мыши уходит с поля или кликает на другую область/объект? Подскажите пожалуйста кто шарит.

попробуйте вместо события click использовать blur или mouseleave

Спасибо!