$(document).ready(function() {
    $('#topnav > li').hover(function() {
        $('ul:first', this).show();
    },
  function() {
      $('ul:first', this).hide();
  });

    $('#topnav li li').hover(function() {
        $('ul:first', this).each(function() {
            $(this).css('top', $(this).parent().position().top);
            $(this).css('left', $(this).parent().position().left + $(this).parent().width());
            $(this).show();
        });
    },
  function() {
      $('ul:first', this).hide();
  });
});