mostrar/ocultar marcador de posición asp usando jquery

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>

Estoy usando el código anterior para ocultar y mostrar un div usando jquery. Tengo un control de marcador de posición de ASP dentro del div. Necesito ocultar el div al cargar la página y necesito mostrar u ocultar al hacer clic en los comentarios. Div se está ocultando, pero el problema es que ocupa el espacio para el marcador de posición de ASP.

preguntado el 12 de junio de 12 a las 12:06

Use .hidediv{display:none;} en lugar de la propiedad de visibilidad en css. -

1 Respuestas

Cambia esto

.hidediv{visibility:hidden;}

a

.hidediv{display:none;}

Porque visibility:hidden; conserva el ancho y la altura de los elementos ocultos mientras display:none; no lo hace

Marque esta pregunta para más información ¿Cuál es la diferencia entre visibilidad: oculta y pantalla: ninguna?

contestado el 23 de mayo de 17 a las 12:05

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.