By using this code:
<li><a href="http://mysite.com" target="first">Menu 1</a></li>
The link works fine and does indeed go to the url I specify but by hovering over the tab 'menu 1' my div which has an id of 'first' which displays a sub menu with additional links doesn't show.
What I need is for the user to have 2 options.
1.An option to show the hidden div, using mouseenter via jquery, to show sub menu links
and 2.Click the tab to go to a specified URL. eg http://www.mysite.co.uk
I hope this explains a bit more of what I'm trying to achieve. Thanks for the help so far guys.
As a side note I have been looking at basic jquery tutorials of tab menus and every one uses the same principle of using <a href="#tab"> to link the div and show it. Although it works, it doesn't go anywhere just links to that initial page.I need the <a href> to link to another page but still display the div. Maybe my script doesn't allow this.