2

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

4

1 回答 1

5

改变这个

.hidediv{visibility:hidden;}

到

.hidediv{display:none;}

因为visibility:hidden;保留了隐藏元素的宽度和高度，而display:none;没有。

检查此问题以获取更多信息可见性：隐藏和显示：无有什么区别？

于 2012-06-12T11:05:11.313 回答