关于显示隐藏的问题

<script>
function a(){
if(document.getElementById("b").style.display=="")
{
document.getElementById("b").style.display="none"
document.getElementById("b1").style.display=""
document.getElementById("b2").innerHTML="全部"
}
else
{
document.getElementById("b").style.display=""
document.getElementById("b1").style.display="none"
document.getElementById("b2").innerHTML="精简"
}
}
</script>
<div id="b" class="a" >
b<br>b<br>b<br>b<br>b<br>b<br>b<br>b
</div>
<div id="b1" class="a" style="display:none;">
b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br><br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>b<br>
</div>
<span  style="cursor:hand;" id="b2" onclick="a()">精简</span>大概是这样吧 

解决方案 »

  1.   

    就是控制一个div的显示和隐藏<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title>Untitled Page</title>
    </head>
    <body>
    <div id="show">看我看我</div>
        <input id="Button1" type="button" value="button" onclick="return Button1_onclick()" />
    <script language="javascript">
    var el = document.getElementById("show");
    var s = true;
    function Button1_onclick() {
        el.style.display = (s)?"":"none";
        s=!s;
    }
    </script>
    </body>
    </html>
      

  2.   

    把true变成flase
    或着把false变成true
    el.style.display = (s)?"":"none";
     当为flase隐藏
     为true时显示