jquery - down - slidetoggle() actions
Hacer que los elementos slideToggle() se contraigan de forma predeterminada en jQuery (4)
La aplicación de un estilo CSS detrás de las escenas, como se dijo anteriormente, causará complicaciones para los usuarios con scripts desactivados. Una forma de evitar esto es declarar que su elemento está oculto como dijo Anne, o definir su CSS en su script como una función a modificar, no como un estilo para la página (para mantener la estructura, el estilo y la función por separado) y luego usar el toggleClass función del script o las funciones de ocultación de efectos personalizados definidas por jQuery.
Tengo un conjunto de divisiones que quiero que sean plegables / expandibles usando el método slideToggle () de jQuery. ¿Cómo puedo hacer que todos estos divs se colapsen de forma predeterminada? Me gustaría evitar llamar explícitamente a slideToggle () en cada elemento durante / después de la representación de la página.
probablemente puedas hacer algo como esto:
$(document).ready(function(){
$(''div'').hide();
});
Puede comenzar sus elementos con style = "display: none;" y slideToggle () lo tomará desde allí.
Deberá asignar un estilo: display: none a estas capas, para que no se muestren antes de la representación de javascript. Luego puede llamar slideToggle () sin problemas. Ejemplo:
<style type="text/css">
.text{display:none}
</style>
<script type="text/javascript">
$(document).ready(function() {
$(''span.more'').click(function() {
$(''p:eq(0)'').slideToggle();
$(this).hide();
});
});
</script>
<body>
<p class="text">
I am using jquery <br/>
I am using jquery <br/>
I am using jquery <br/>
I am using jquery <br/>
I am using jquery <br/>
I am using jquery <br/>
</p>
<span class="more">show</span>