If I understand the problem, could you use something like this?
PHP Code:
<html>
<head>
<title>Change IMG ALT=</title>
<script type="text/javascript">
// Toggle.js
function Toggle(Info,AltInfo) {
var CState = document.getElementById(Info);
if ((CState.style.display == "none") || (CState.style.display == '')) {
CState.style.display = "block";
document.getElementById(AltInfo).alt='Click here to hide Criteria';
} else {
CState.style.display = "none";
document.getElementById(AltInfo).alt='Click here to show Criteria';
}
}
</script>
<A href="#" class="FAQ" id="FAQ570t" onmouseover="this.style.cursor='hand'" onClick="Toggle('criteria','FAQ570i')">
<img class="FAQ" id="FAQ570i" src="http://kids/ibi_html/kids/images/c_s1c1_023.gif" border="0"
width="150" height="48" alt="Click here to show Criteria" align="right"></A>
<div id='criteria' style="display:none;background:#ffff00;width:100px">
Criteria to display
</div>
</body>
</html>