Webmaster Forum / ColdFusion / Advanced Techniques / September 2007

Do you mean with JavaScript or CF? With JS you can use either a function or an
inline check to modify visibility. I use the code below quite a bit, works well
in IE and Firefox.

<a href="##"
onClick="document.getElementById('tab01').style.display='block';document.getElem
entById('tab02').style.display='none';document.getElementById('tab03').style.dis
play='none';">Show 1</a>

<a href="##"
onClick="document.getElementById('tab01').style.display='none';document.getEleme
ntById('tab02').style.display='block';document.getElementById('tab03').style.dis
play='none';">Show 2</a>

<a href="##"
onClick="document.getElementById('tab01').style.display='none';document.getEleme
ntById('tab02').style.display='none';document.getElementById('tab03').style.disp
lay='block';">Show 3</a>

<div id="tab01" style="display:block; height:300; width:500px; overflow:
visible; background-color:silver; margin:0">1</div>

<div id="tab02" style="display:none; height:300; width:500px; overflow:
visible; background-color:gray; margin:0">2</div>

<div id="tab03" style="display:none; height:300; width:500px; overflow:
visible; background-color:teal; margin:0">3</div>