$(document).ready(function() {
   
    $('div[class="menu"]:first').hover(function() {
        $('div[class="sub-menu"]').show();
        window.sbh = true;
    }, function() {
        window.sbh = false;
        setTimeout('hideSubMenu()', 200);
    });
    $('div[class="sub-menu"]').hover(function() {
        window.sbh = true;
        $('div[class="sub-menu"]').show();
    }, function() {
        window.sbh = false;
        setTimeout('hideSubMenu()', 200);
    });
});
function hideSubMenu() {
    if (!window.sbh) $('div[class="sub-menu"]').hide();
}