jquery - 使用jQuery显示/隐藏asp占位符

CSS:

.comments{cursor:pointer;}
.hidediv{visibility:hidden;}

Html格式：

<span id="agreeComments" class="comments b">Comments</span><br /><br />
    <div id="divAgree" class="hidediv">
      <asp:PlaceHolder runat="server" ID="plcAgreements" ClientIDMode="Inherit" />
    </div>

查询：

<script>
        $(document).ready(function () {
            $("#agreeComments").click(function () {
                if ($("#divAgree").is(":hidden")) {
                    $("#divAgree").slideDown("slow");
                } else {
                    $("#divAgree").slideUp("slow");
                    $("#plcAgreements").show();
                }
            }
            );
        });
    </script>

我使用上面的代码来隐藏和显示使用jquery的div。我在div中有一个asp占位符控件。我需要在加载页面时隐藏div，并需要在单击注释时显示或隐藏。Div正在被隐藏，但问题是它占用了asp占位符的空间。

最佳答案

改变这个

.hidediv{visibility:hidden;}

到

.hidediv{display:none;}

因为visibility:hidden;保留隐藏元素的宽度和高度，而display:none;不保留。
有关详细信息，请查看此问题What is the difference between visibility:hidden and display:none?

关于jquery - 使用jQuery显示/隐藏asp占位符，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/10995334/