Essentially Im attempting to keep the whitened box open whenever you hover from the menu. I needed to squeeze boxes via css with absolute positioning to at this time they're just showing and hiding based on which menu-item you hover.

function() {
function() {

is exactly what im using now and also the markup in wordpress is much like this:

<?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>

<div class="col nav_info"><p>View the Fall ’11 Collection, hot off the runway!</p></div>

wordpress spits out li elements that contains recption menus products

It appears you would like the mouseover event, not the 2-headed hover function (that is mouseover plus mouseout).

$('.menu-item-156').mouseover(function () {
    $('.col').fadeIn(200, function () {