Posterize.us: foxyid - Viewing Profile

hi,
i building a new theme and its getting closer to being finished.
check it out:
visibleoverflow.posterous. com

but i am having some problems.
i am trying to implement the Showonclick function as documented in the
custom themes reference.
i am want to build a simple tab navigation and one of the tabs will
reveal a hidden div .
i thought i coded it correctly but apparently i am doing something wrong.
please help!
thanks,
have a great day.


here is the code:
(the {display:none;} is in the css)

 <div id ="tabs" class="info">


                 <ul>
                     <li><a href="#" id="show-tags">
Tags</a></li>
                      <li>About</li>

                      <li>Contact</li>

                 </ul>

                 {block:TagList}
                    {block:Showonclick action_id='show-tags'

hidden_div='tags'/
}
                       <div class="tags">

                           <h5>Tags</h5>
                           <ul class="tag">
                               {block:TagListing collapsible='true'

count='10' action_id='seemore_link'
}

                                   {block:TagListingMore}
                                       <li style="font-size:0;"
><a
href="#" id="seemore_link"
 class="more-tags"
>View all {NumTags}
tags&nbsp;&raquo;<
/a></li>
                                   {/block:TagListingMore}

                                   {block:TagItem}
                                       <li><a
href="{TagLink}"
>{TagName}</a> ({TagCount})</li>
                                   {/block:TagItem}

                                   {block:TagItemSelected}
                                       <li
class="tag_item_selected"
><strong>{TagName}<
/strong> ({TagCount})</li>
                                   {/block:TagItemSelected}

                               {/block:TagListing}
                           </ul>
                       </div>
                   {/block:TagList}

               </div>

{block:Claimed}
does anyone know what this is for?

{block:NotClaimed}
<p>{UnclaimedExternalLinks}< /p>
<p>{NotClaimedCode}< /p>
{/block:NotClaimed}
and what about this?

<div class="posterous_flash" >
{block:Flash/}
</div>
and this?

thanks