This does the job, and it's pretty much all the functionality I need at the moment. However, I feel like it could be optimized a bit. Namely, is there a way I can do this without the div#boundary? Also, the drop down re-fires if I go back up into the menu, which not a big deal, but it would be nice to prevent this behavior.
$('#press, #contact, #about').bind('mouseenter', function() {
var n = $(this).attr("id");
$('#dd_'+n).stop(true, true).slideDown('fast');
$('#menu').children().not('#'+n).bind('mouseenter', function () {
$('#dd_'+n).slideUp('fast');
});
$('#boundary').bind('mouseenter', function () {
$('#dd_'+n).slideUp('fast');
});
$('#dd_'+n).bind('mouseleave', function () {
$('#dd_'+n).slideUp('fast');
});
});<div id="container">
<div id="header">
<div id="boundary"></div>
<div id="menu">
<div id="press"></div>
<div id="contact"></div>
<div id="about"></div>
</div>
</div>
<div id="dd_press"></div>
<div id="dd_contact"></div>
<div id="dd_about"></div>
</div>
