Put this in your .js file, or in the header of the document.
<!--- SCRIPT --->
<script>
function showhideCPDiv(theItem) {
if (typeof(theItem) != "undefined") {
if (document.getElementById(theItem).style.display == 'none') {
document.getElementById(theItem).style.display = 'block'; }
else {
document.getElementById(theItem).style.display = 'none'; }
}}
</script>
this will make the span that will open and close, along with a link on top of it that will control the toggling.
<!--- HTML --->
<!-- Starts closed-->
<br><a href="javascript:void(0)" OnClick="showhideCPDiv('AuditListing')">Click To Toggle Order Audit</a><br>
<span id="AuditListing" style="display:none;">
Hi. I am text.
</span>
<!--- ALERTNATE HTML --->
<!-- Starts open-->
<br><a href="javascript:void(0)" OnClick="showhideCPDiv('AuditListing')">Click To Toggle Order Audit</a><br>
<span id="AuditListing" style="display:block;">
Hi. I am text.
</span>
<%
Chris Zwemke
chris @ scarabmedia . com
www.pilotcart.com
%>
Toggle a span (hide show a span or div)
Posted - 02/20/2008 : 1:50:57 PM
