[foxyid]

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>