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;ないためです。

詳細については、この質問を確認してください。 visibility:hidden と display:none の違いは何ですか?

于 2012-06-12T11:05:11.313 に答える