Menu not expanding when root chosen

On www.dreamdestinations.travel , on the home page, if you mouse over "about us", the menu expands, but if you click on "about us" and go to the page, that menu no longer expands. thanks.

In index.php of template:

function mainmenu(){
jQuery("#nav ul").css({display: "none"});
jQuery("#nav li").hover(function(){
jQuery(this).find('ul:first').css({visibility: "visible",display: "none"}).show( '<?php echo $menuAnimationEffect; ?>', {direction:"<?php echo $menudirection; ?>"}, 300 );
},function(){
jQuery(this).find('ul:first').hide( '<?php echo $menuAnimationEffect; ?>', {direction:"<?php echo $menudirection; ?>"}, 200 );
}
);}

chnage to:

function mainmenu(){
jQuery("#nav ul").css({'display': "none"});
jQuery("#nav li").hover(function(){
jQuery(this).find('ul:first').css({'visibility': "visible",'display': "none"}).show( '<?php echo $menuAnimationEffect; ?>', {'direction':"<?php echo $menudirection; ?>"}, 300 );
},function(){
jQuery(this).find('ul:first').hide( '<?php echo $menuAnimationEffect; ?>', {'direction':"<?php echo $menudirection; ?>"}, 200 );
}
);}

that didn't work

Try to put:

.show()

instead of:

.show( '<?php echo $menuAnimationEffect; ?>', {direction:"<?php echo $menudirection; ?>"}, 300 );

that did it! thanks!