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;没有。

请查看此问题以获取更多信息What is the difference between visibility:hidden and display:none?

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

1 个答案: