Text 1
Text 2
Text 3
Back to Progrower.coffeecup.com
Show and Hide Content with javascript
<div class="buttons">
<input type="submit" id="showtext1" value="
Show Text 1" name="showtext1">
<input type="submit" id="showtext2" value="
Show Text 2" name="showtext2">
<input type="submit" id="showtext3" value="
Show text 3" name="showtext3">
</div>

<div class="showhide1" id="text1">
Text 1</div>
<div class="showhide2" id="text2">
Text 2</div>
<div class="showhide3" id="text3">
Text 3</div>
Place the code below in to the Body HTML of a HTML box.
Paste the code below to the Header HTML of the same HTML box used above..
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#text1').show();
$('#text2').hide();
$('#text3').hide();

$('#showtext1').click(function(){
$('div.showhide1,#text1').show();
$('div.showhide2,#text2').hide();
$('div.showhide3,#text3').hide();
});
$('#showtext2').click(function(){
$('div.showhide1,#text1').hide();
$('div.showhide2,#text2').show();
$('div.showhide3,#text3').hide();
});
$('#showtext3').click(function(){
$('div.showhide1,#text1').hide();
$('div.showhide2,#text2').hide();
$('div.showhide3,#text3').show();
});
});
</script>
Now right click and "save as" on the jquery.min.js and save it . Now add a folder to your site called js and add this file to it.
Change the Text 1, Text 2, and Text 3 to your needs.
jquery.min.js