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

【问题标题】：show/hide asp placeholder using jquery使用 jquery 显示/隐藏 asp 占位符
【发布时间】：2012-06-12 19:12:33
【问题描述】：

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，并且在单击 cmets 跨度时需要显示或隐藏。 Div 越来越隐藏，但问题是它占用了 asp 占位符的空间。

【问题讨论】：

使用 .hidediv{display:none;} 代替 CSS 中的可见性属性。

标签： jquery asp.net html css

【解决方案1】：

改变这个

.hidediv{visibility:hidden;}

到

.hidediv{display:none;}

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

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

【讨论】：