Need help with HTML tabbed box

[dileva]

Hi,

 

I need help with this asap so my site can go live.

 

I have the HTML for a tabbed box. The CSS and JS have already been implemented and seem to be working.

 

The box has 3 tabs. The content for the first tab shows up fine but the content I've added for tabs 2 & 3 won't show.

 

Here's a link to a test product - http://www.dileva.co.uk/home/9-asymmetric-floral-lace-dress.html

 

As you can see, the first tab works but the tabs for 'Tailoring' and Delivery' are showing no content, even though I've written it out inmy HTML code.

 

Here's the code:

<ul class="tabs">
<li><a href="#view1">❤ Features</a></li>
<li><a href="#view2">❤ Tailoring</a></li>
<li><a href="#view3">❤ Delivery</a></li>
</ul>
<div class="tabcontents">
<div id="view1">
<p><span style="text-decoration: underline; font-family: arial, helvetica, sans-serif;"><br /><strong>ABOUT ME</strong></span></p>
<span style="font-size: 10pt; font-family: arial, helvetica, sans-serif;">Strapless asymmetrical dress featuring black floral lace embellishment.<br /><br /></span>
<div><span style="font-size: 10pt; font-family: arial, helvetica, sans-serif;">> Fully lined.</span></div>
<div><span style="font-size: 10pt; font-family: arial, helvetica, sans-serif;">> Built-in boning.</span></div>
<div><span style="font-size: 10pt; font-family: arial, helvetica, sans-serif;">> Concealed back zipper.</span></div>
<div><span style="font-size: 10pt; font-family: arial, helvetica, sans-serif;"><br /></span> <span style="font-size: 10pt; font-family: arial, helvetica, sans-serif;"> </span>
<p><span style="text-decoration: underline;"><strong>CARE 4 ME<br /></strong></span></p>
<span style="font-size: 10pt; font-family: arial, helvetica, sans-serif;">> Dry clean only.<br /><br /><br /></span></div>
<div id="view2">
<p><span style="text-decoration: underline; font-family: arial, helvetica, sans-serif;"><br /><strong>TAILORING TIME</strong></span></p>
<span style="font-size: 10pt; font-family: arial, helvetica, sans-serif;">The required tailoring time for this dress is <strong><span style="color: #b3006a;">12 business days</span></strong>.<br />The dress will then be prepared for delivery.<br /><br /></span></div>
<div id="view3">
<p><span style="text-decoration: underline; font-family: arial, helvetica, sans-serif;"><br /><strong>UK DELIVERY</strong></span></p>
<span style="font-size: 10pt; font-family: arial, helvetica, sans-serif;">All UK deliveries are free of charge.<br /><br />Shipped via pivate courier - <span style="color: #ac0075;"><strong>1-3 business days </strong></span>(after tailoring time).<br /><br /></span></div>
</div>
</div>

Everything is where it should be as far as I can see.

 

Please help!!!

Edited October 28, 2015 by dileva (see edit history)

[dileva]

Never mind, I seem to have fixed it.

 

I started from scratch. I think I had too many <div>'s all over the place.

 

Any, it's working now