I have the following code. Can someone please help me on what code to insert to allow me to link the tabs to the content. I want different content with each tab. The link should go to the related linked content. The code is below.
The script was free and came with the style.css which i do not want to change. Please can someone post the code which will allow me to use the tabs as they are but have content assigned to each tab by way of assigned id. I have tried to do this myself with no luck by reading other similar scripts but they are different and they don't work. All i have done so far is edit the tab names. The script came with one default content which is applied to all tabs at present. I want to assign a different content to each tab. Can someone please edit code or post the content tabs i will require which will correctly assign the tabs and content accordingly. Thank you
Thank you in advance. My code is as follows:
<div id="content">
<div id="menu">
<ul>
<li><a href="#Diving" title="Chikarma Diving – Scuba Diving in Malta & Gozo – Holiday Services" class="active">Diving</a></li>
<li><a href="#" title="Luxury Holiday Apartments in Malta & Gozo">Holiday Apartments</a></li>
<li><a href="#" title="Car Hire in Malta & Gozo">Car Hire</a></li>
<li><a href="#" title="Luxury Yacht Charter in Malta & Gozo">Yacht Charter</a></li>
<li><a href="#" title="Spa Packages in Malta & Gozo">Spa Packages</a></li>
<li><a href="#" title="Excursions in Malta & Gozo">Excursions</a></li>
<li><a href="#" title="Blog Site for Malta & Gozo">Blog</a></li>
<li><a href="#" title="Community - Guide to Malta">Community</a></li>
</ul>
</div>
<div id="main">
<h3>Chikarma Diving – Scuba Diving in Malta & Gozo – Holiday Services</h3>
<p>At Chikarma Diving we specialise in scuba diving packages to Malta & Gozo. We provide great scuba diving in Malta & scuba diving in Gozo including PADI courses, BSAC courses, escorted dives, free diving and large club group packages. With Chikarma Diving your scuba diving holiday in Malta or scuba diving holiday in Gozo will be a holiday to remember.</p>
</div>
04-09-2012, 08:00 AM
Baxxter
I dont get it quite, but let me guess. You want to link to a location inside the page? If so i may need to see more to be able to help you, meaning both the located text and the links. I just see some 'boxes' on some links there now so i dont get it wuite now.
04-14-2012, 03:55 PM
jedaisoul
It seems to me that the href="#" are dummies that you need to replace with actual IDs. E.g.
<li><a href="#Diving" title="Chikarma Diving – Scuba Diving in Malta & Gozo – Holiday Services" class="active">Diving</a></li>
will work if you amend:
<div id="main">
<h3>Chikarma Diving – Scuba Diving in Malta & Gozo – Holiday Services</h3>
<p>... </p>
</div>
to:
<div id="main">
<h3 id="Diving">Chikarma Diving – Scuba Diving in Malta & Gozo – Holiday Services</h3>
<p>... </p>
</div>
