Assigning content to seprate tabs

[Sarak]

I have managed to create a kind of tabbed info box by modifying the product.tpl.

Here is what I have changed it to:

 

<!-- description and features -->

{if $product->description || $features || $accessories || $HOOK_PRODUCT_TAB || $attachments}

<div id="more_info_block" class="clear">

<ul id="more_info_tabs" class="idTabs idTabsShort clearfix">

<ul id="more_info_tabs" class="idTabs idTabsShort">

<li style="width: 10px;"><a id="more_info_tab_more_info" class="selected" style="width: 70px;" href="#idTab1">Details</a></li>

<li style="width: 10px;"><a id="more_info_tab_sizes" style="width: 65px;" href="#idTab2">Size Chart</a></li>

<li style="width: 10px;"><a id="more_info_tab_delivery" style="width: 50px;" href="#idTab3">Delivery</a></li>

</ul>

 

The tabs are working as they should but anything I write in the HTML Editor in the product description is all appearing under Tab1 "Details".

 

What HTML commands should I use to have a description under Tab1, a different description under Tab2 and one more different description under Tab3?

 

I'm sure it must be able to be done. Anything is possible of you've got the right code but I can't figure this one out!

 

Thank you!