Change Text on Tab of Tabbed Panel When it's Open.

Question

I posted this on the DW board but it was suggested I try here.
I am using a tabbed panel to hide and reveal a page of text on this page: www.imagesandwords.org.uk/Don/pages/essay.php
The reason I am using the tabbed panel to reveal the page is to try to keep every page looking the same throughout the site.
When the panel is open the text in the tab still says, "More" and I wonder if there is a way to make it say, "Hide" or something when it's open.  Although it isn't uploaded yet my last task was to put tiny up and down arrows in the tab so that helps with a down arrow on closed and an up arrow on open.
As well as the question about changing the text on the tab, is there anything wrong with using the tabbed panel like this?  I guess it might be clunky if the user has javascript turned off but I''m thinking of putting up a .pdf for download once the content is dealth with.
Kind regards
Martin

Answer 1

Hi Martin,
The error is very genuine and need to be fixed.
You know what the problem is...
We are calling same funtion from a span that is inside a div which is again calling the same funtion. So the innerHTML is not getting updated correctly.
So what we need to do is to duplicate our JS funtion and call name it as say....cchange()
/* for the Tab/DIV based click*/
function change(){
var temp=document.getElementById('moreContent').innerHTML;
if(temp=='More...'){
document.getElementById('moreContent').innerHTML='Hide...';
if(temp=='Hide...'){
      document.getElementById('moreContent').innerHTML= 'More...';
/* for the span/text based click*/
function cchange(){
var temp=document.getElementById('moreContent').innerHTML;
if(temp=='More...'){
document.getElementById('moreContent').innerHTML='Hide...';
if(temp=='Hide...'){
     document.getElementById('moreContent').innerHTML= 'More...';
and in our HTML it becomes
<div class="CollapsiblePanelTab" onclick="change();"><span id="moreContent" onclick="ccchange();">More...</span> </div>
This should finally do the required icing on cake
Regards,
Vinay