Tabs: mouseover: tab title links linking to other pages? Is that possible?

Tabs: mouseover: tab title links linking to other pages? Is that possible?

I am using Tabs it works fine but I would like to have the ability to use the tabs title links to bring users to other pages. I'm using the hover to preview the page content but still want a user's click to take them to that page.

Is that possible here is my piece of code:

  1. <script type="text/javascript">
  2.     $(function() {
  3.         $("#tabs").tabs({
  4.             event: 'mouseover'
  5.         });
  6.     });
  7. </script>
  8. </head>
  9. <body>
  10.     <div id="tabs">
  11.         <div class="menu">
  12.             <ul>
  13.                 <li><a href="#tabs-1" title="Journal">Journal</a></li>
  14.                 <li><a href="#tabs-2" title="WebTV">WebTV</a></li>
  15.                 <li><a href="#tabs-3" title="Photos">Photos</a></li>
  16.                 <li><a href="#tabs-4" title="Calendrier">Calendrier</a></li>
  17.             </ul>
  18.         </div>
  19.        
  20.         <div id="tabs-1" class="tabs-content">
  21.         <p>103 publications et 1302 commentaires.</p>
  22.         </div>
  23.         <div id="tabs-2" class="tabs-content">
  24.         <p>4 émissions totalisant 23 webépisodes.</p>
  25.         </div>
  26.         <div id="tabs-3" class="tabs-content">
  27.         <p>43 albums et 1245 photos.</p>
  28.         </div>
  29.         <div id="tabs-4" class="tabs-content">
  30.         <p>14 événements à venir et 42 événements passés.</p>
  31.         </div>
  32.     </div>
Many thanks for your precious time and help.






    • Topic Participants

    • go