1 
<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

4

1 回答 1

1

如果没有 e，它可以在大多数浏览器中使用。

<!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>
于 2012-10-17T03:17:23.447 回答