Home/ Questions/Q 8692925
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-13T00:25:29+00:00

<script type=text/javascript> function toggleMe(a,b){ var div=document.getElementById(a); var button=document.getElementById(b); if(!div)return true; if(div.style.display==block){ div.style.display=none button.value=Expand }

  • 0
<script type="text/javascript">
function toggleMe(a,b){
  var div=document.getElementById(a);
  var button=document.getElementById(b);
  if(!div)return true;
    if(div.style.display=="block"){
      div.style.display="none"
      button.value="Expand"
    }
  else{
    div.style.display="block"
    button.value="Shrink"
  }
  return true;
}
</script>
<div id="para1" class="toggleMe">
    <p>"Text Blob"</p>
</div>
<input id="para1button" onclick="return toggleMe('para1','para1button')" type="button" value="Expand" />

The above is my script, and it only works in Firefox. I’ve googled myself silly, but I can’t figgure out why its only working in FF.

Anyone got any hints?

If you want to see the exact implementation, its here:
http://www.techonline.co.nz/modules/navigator/navto.php?unique_ID=16

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Without the e, it works in most browsers.

    <!doctype html>
<html lang="en">
<head>
<meta charset= "utf-8">
<title>toggle display</title>
<script type="text/javascript">
function toggleMe(a,b){
    var div= document.getElementById(a);
    var button= document.getElementById(b);
    if(div.style.display== "block"){
        div.style.display= "none"
        button.value= "Expand"
    }
    else{
        div.style.display= "block"
        button.value= "Shrink"
    }
    return true;
}
</script>
<div id="para1" style="display:none">
    <p>"Text Blob"</p>
</div>
<input id="para1button" onclick="toggleMe('para1','para1button')" type="button" value="Expand">

</body>
</html>
    • 0