<div class="searchDiv">
    <div class="row"></div>
    <div class="row"></div>
    <div class="row"></div>
    <div class="row"></div>
</div>

Estoy tratando de llamar a $("div.searchDiv").slideToggle("slow"); en div con la clase de searchDiv que está oculto inicialmente el uso de display:none. Otra vez hay algunos elementos div dentro de esos 4 del div con clase row. Qué importa cómo los elementos se colocan dentro de los principales div searchDiv porque veo que la alternancia efecto no es suave para los elementos colocados en el interior de la principal div.

Puedes publicar un ejemplo de código completo? Y siempre que sea posible, incluir un jsFiddle.net ejemplo.

OriginalEl autor user2585299 | 2014-04-04

4 Comentarios

  1. 7

    La idea de que si algo se ve sin problemas o no, es una opinión y diferente en función de quién lo mira. Si usted está usando lento es un valor de 200 milisegundos.

    SlideToggle. https://api.jquery.com/slideToggle/

    Duraciones se da en milisegundos; los valores más altos indican más lento animaciones, no más rápido. Las cadenas de “fast” y “slow” puede ser suministrado para indicar la duración de 200 y 600 milisegundos, respectivamente.

    La velocidad predeterminada es el swing y a mí, parece áspero. Yo sugeriría tratando lineal para la relajación.

    Si el swing o lineal no es lo suficientemente suave como para usted, usted puede utilizar e incluir jQuery interfaz de usuario y usar una de las otras opciones.
    Usted puede encontrar la relajación que usted piensa que funciona tan suave como la que usted necesita.

    http://jqueryui.com/resources/demos/effect/easing.html

    $('.searchDiv').slideToggle(2000,"linear", function () {
        //actions to do when animation finish
    });
    El niño de los elementos colocados en el interior de la división con class=”fila” había margen-propiedades de la izquierda y se coloca absolutamente. He cambiado su posición relativa y la alternar efecto es suave ahora. A pesar de que el css de chile elementos no debe afectar a la alternancia de comportamiento.
    No es éste el aceptado la respuesta? Nada estaba marcado.

    OriginalEl autor

  2. 5

    Sé que esto es viejo, pero en caso de que ayuda a nadie, me encontré con un problema cuando pongo un min-altura de la propiedad en el tensado de elemento, configuración a una altura fija resuelto esto para mí.

    que me salvó 🙂 un millón de Gracias

    OriginalEl autor

  3. 3

    Que usted necesita para añadir Anchura a sus filas.

    jQuery no conozca las dimensiones de su div oculto hasta que se muestra. Así que cuando se hace clic en él en realidad lo saca de la posición a medir antes de rápida colocación. A menudo esto tiene el efecto secundario de producir algún nerviosismo. Ajuste de la anchura del elemento que impide jQuery desde tirando de ella fuera de posición.

    OriginalEl autor

  4. 3

    He tenido un problema similar. Dos cosas fijas para mí.

    1. Necesitaba eliminar a los existentes transición css en mi elemento.
    2. Tuve un elemento dentro de mi “haga clic en la barra” (h2) que necesita el margen de 0. (se fue haciendo otros elementos de animar a la mal límite que causan un extraño complemento al final)
    Muchas gracias esta trabajando perfectamente a mi lado.

    OriginalEl autor

Dejar respuesta

Please enter your comment!
Please enter your name here