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

Question

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>

jQuery的:

<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占位符的空间.

Answer 1

改变这个

.hidediv{visibility:hidden;}

至

.hidediv{display:none;}

因为visibility:hidden;保留隐藏元素的宽度和高度display:none;而不保留.

查看此问题以获取更多信息visibility:hidden和display:none之间有什么区别？