一个关于function的问题，在线等

Question

<input id="Button3" type="button" onclick="shows()" style="width: 80px;" value=" 高级条件 " />
         <input id="btns" type="button" onclick="close()" style="width: 80px;" value=" 收起条件 " />
<script language="javascript" type="text/javascript">
                function shows() {
                    document.getElementById("tr1").style.display = "";
                    document.getElementById("tr2").style.display = "";
                    document.getElementById("tr3").style.display = "";
                    document.getElementById("tr4").style.display = "";
                    document.getElementById("tr5").style.display = "";
                    document.getElementById("btns").style.display = "";
                    document.getElementById("Button3").style.display = "none";
                }
                function close() {
                    alert("ddd");
                    document.getElementById("tr1").style.display = "none";
                    document.getElementById("tr2").style.display = "none";
                    document.getElementById("tr3").style.display = "none";
                    document.getElementById("tr4").style.display = "none";
                    document.getElementById("tr5").style.display = "none";
                    document.getElementById("btns").style.display = "none";
                    document.getElementById("Button3").style.display = "";
                }
            </script>
为什么我点击“收起条件”的时候没有任何的效果？点击“高级条件”的时候就OK的

Answer 1

document.getElementById("tr1").style.display = "";不要这样写
显示就是
document.getElementById("tr1").style.display = "block";
隐藏就是
document.getElementById("tr1").style.display = "none";

Answer 2

你初始给2个button加上display这个属性，使一个显示，一个隐藏

Answer 3

不行的话你就用jquery的hide()方法呗

Answer 4

如果是我这个用jquery写，大概是怎么写的？

Answer 5

$("#tr1").show();//显示
$("#tr1").hide();//隐藏建议，给需要隐藏或者显示的控件，统一加个CSS属性，哪怕是空的都行，这样就不用每个控件都写上面的代码了，可以写成这样的
$(".tr").show();//所有CSS属性是tr的都显示出来
$(".tr").hide();//所有CSS属性是tr的都隐藏起来

Answer 6

<script language="javascript" type="text/javascript">
                $(document).ready(function () {
                    $(".Button3").click(function () {
                        $("Button3").hide();
                        $("tr1").show();
                        $("tr2").show();
                        $("tr3").show();
                        $("tr4").show();
                        $("tr5").show();
                        $("btns").show();
                    });
                    $(".btns").click(function () {
                        $("Button3").show();
                        $("tr1").hide();
                        $("tr2").hide();
                        $("tr3").hide();
                        $("tr4").hide();
                        $("tr5").hide();
                        $("btns").hide();
                    });
                });
            </script>
是这样吗？

Answer 7

ID前要加“#”，如$("#tr1")
CSS前要加“.”，如如$(".tr")另外，你木有引用jquery框架