Cuál es la función jQuery Toggle?

La biblioteca de código jQuery permite a los desarrolladores implementar efectos de sitios web interactivos sin tener que codificar todos los datos manualmente. El efecto de palanca es una de las funciones de jQuery más comúnmente utilizados. La función Alternar, los desarrolladores pueden instruir navegador web del usuario para ocultar y mostrar elementos de página en particular. La función puede operar sobre los eventos de usuario tales como botones de clic, dando a los usuarios un nivel de control sobre lo que pueden ver.

Propósito

El propósito general de la función activar jQuery es la gestión de la visibilidad de los elementos de la página Web. A menudo, si una página Web contiene una gran cantidad de material, tales como texto y otros medios de comunicación, los usuarios pueden encontrar más abrumadora y no tomar el tiempo para leer a través de toda ella. Al dar el control del usuario sobre el que se muestran y qué elementos están ocultos, se posibilita que les permite centrarse en la información que les interesa. Por tanto, la función de palanca se puede lograr un equilibrio entre incluyendo todo el contenido necesario y reducir al mínimo la cantidad de la misma aparece en cualquier una vez.

Sintaxis

La función de palanca jQuery utiliza sintaxis estándar. El siguiente código muestra llamando a la función:

$ ( "#") Detalles alternar (.);

Este código indica al explorador para mostrar u ocultar un elemento con "detalles" como su atributo ID. Si el elemento está oculto en ese momento, esta función hará que aparezca. Si el elemento es visible en ese momento, la función de ocultar. La función puede aparecer dentro de otra función; por ejemplo, una función que se ejecuta cuando el usuario hace clic en un elemento.

Selector

La primera parte de la función de palanca implica el selector. El selector es una indicación de que el elemento, o elementos, la función de palanca está ejecutando en. El selector aparece como un tipo de elemento, atributo de clase o ID, lo que indica que los elementos página del navegador debe coincidir con la hora de ejecutar la función. Cuando los desarrolladores a crear funciones de alternancia dentro de sus páginas, por lo tanto, deben incluir una etiqueta o atributo de selección en el marcado HTML, como en el siguiente ejemplo de código:

<Div id = "detalles"> Este es el contenido de ocultar o mostrar. </ Div>

parámetros

Los desarrolladores pueden pasar a una serie de parámetros opcionales para la función de palanca, la determinación de los detalles de cómo se ejecuta. El parámetro de duración se refiere a veces como el parámetro de velocidad, ya que indica el tiempo que la transición entre un elemento que se oculta y visible debe durar. El parámetro indica aliviar cualquier jQuery funciones de aceleración del desarrollador desea aplicar al proceso de alternancia. El parámetro de devolución de llamada indica una función opcional que se ejecutará cuando la transición animada se ha completado. El siguiente código de ejemplo muestra todos estos parámetros:

$ ( "#" Detalles) alternar ( 'lenta', 'oscilación', function () {doneToggling ();}).;

Esta llamada a la función utiliza una duración lento, el efecto de oscilación relajación y una función específica en la finalización de la palanca.