Show/Hide Layers

[stasteamb]

Can anyone help with this please?

This is a copy of my code.

 <td width="20%"><div id="Layer1">
      <p onclick="MM_showHideLayers('Layer2','','show')">Raymond</p>
      <p onclick="MM_showHideLayers('Layer2','','show')">Dave</p>
      <p onclick="MM_showHideLayers('Layer3','','show')">Reggie</p>
    </div> 

I'm trying to set up these layers so that when I click on Raymond, the associated layer appears and then when I click on Dave, the previous layer disappears and he layer associated with Dave appears. I can't figure out what I need to apply to get it to work.

[drhowarddrfine]

This is javascript.

[acoder]

Can anyone help with this please?

This is a copy of my code.

 <td width="20%"><div id="Layer1">
      <p onclick="MM_showHideLayers('Layer2','','show')">Raymond</p>
      <p onclick="MM_showHideLayers('Layer2','','show')">Dave</p>
      <p onclick="MM_showHideLayers('Layer3','','show')">Reggie</p>
    </div> 

I'm trying to set up these layers so that when I click on Raymond, the associated layer appears and then when I click on Dave, the previous layer disappears and he layer associated with Dave appears. I can't figure out what I need to apply to get it to work.

Are you sure Layer2 should appear twice?

Define a function which hides all, call that then call the show function, e.g.

function hideAll() {
 for (i = 1; i <= 3; i++) {
  document.getElementById('Layer'+i).style.visibility = 'hidden';
 }
}
 

then

<p onclick="hideAll(); MM_showHideLayers('Layer2','','show');">Raymond</p>