Hello In my theme i have changed my menu with jquery but the href link is not working. If i am opening it in new tab it is working perfectly but not working in same tab.

var proxy_menu_plumbing = '<li><a href="<?php echo DIR_REL?>/plumbing/#verticalTab1" onClick="redirect(\'verticalTab1\');" target="_self" >Emergency Plumbers</a></li><li><a href="<?php echo DIR_REL?>/plumbing/#verticalTab2" onClick="redirect(\'verticalTab2\');" target="_self" >Blocked Toilets</a></li><li><a href="<?php echo DIR_REL?>/plumbing/#verticalTab3" onClick="redirect(\'verticalTab3\');">Megaflows/Unvented Hot water</a></li><li><a href="<?php echo DIR_REL?>/plumbing/#verticalTab4" onClick="redirect(\'verticalTab4\');">Bathroom Plumbing</a></li><li><a href="<?php echo DIR_REL?>/plumbing/#verticalTab5" onClick="redirect(\'verticalTab5\');">Water Leaks</a></li>';


$(".nav146").mouseover(function () {
$( "li.nav146" ).find( "ul" ).html(proxy_menu_plumbing);
//$(this).children('li:first').children('ul').fadeIn('fast');
});
$(".nav146").mouseout(function () {
$( "li.nav146" ).find( "ul" ).html(proxy_menu_plumbing);

});

I tried to fix this with onclick but this is working in firefox but not in chrome