clear previous show function

[timleigh]

Hi everyone - hoping some can help

Here is my code

<script>
function show( id )
{
if (document.getElementById(id).style.display == 'block')
{
document.getElementById(id).style.display = 'none';
}else
{
document.getElementById(id).style.display = 'block';
};
}
</script>

<span style="cursor:-moz-grab" onclick="show('r1m');">Will it cost me anything to join this site?</span>
</strong></div>
<div id="r1m" style="Display: None;">
<blockquote>No its free</blockquote>
</div>
<div id="r2l"><strong>
<span style="cursor:-moz-grab" onclick="show('r2m');">Who can join?</span>
</strong></div>
<div id="r2m" style="Display: None;">
<blockquote>Anyone aged 16 years or older with a mobile phone and access to the Internet can join.</blockquote>
</div>

As you can see the is from a faq section of code - where you click on the question and the answer is displayed below the question.
However once the question is clicked the question remains visible unless you click on the question again.
This is fine but what I also want is this - when you click on another question, the previous answer that has been displayed will disappear leaving only the current answer showing.

thanks

Tim

[ukgeoff]

Add a global variable to your script, e.g.,

Code: Select all

   var lastShow;

then in your show function hide the last shown item, store the item you want to show for future reference, show the item.