Alternar estado del elemento DOM-fácil-alternar estado

Vista prévia

Descripción

Easy-Toggle-State es una librería JavaScript pura para alternar el estado de cualquier elemento usando componentes de interfaz de usuario como CheckBox, botón de radio, ToolTip, acordeón, pestañas, lightbox, etc.

El objetivo principal de esta biblioteca es alternar la clase CSS de un elemento cuando se hace clic en el elemento o en otro elemento.

¿Cómo funciona?

Instale la biblioteca con NPM:

# NPM
$ npm install easy-toggle-state --save

O descargue el zip y luego incluya el archivo JavaScript principal en la Página Web.

<script src="easy-toggle-state.es6.min.js"></script>

Especifique la clase activa cuando se hace clic en un elemento. La clase activa predeterminada es is-Active .

<element data-toggle-class="active-class">
</element>

También aplique la clase activa a otro elemento:

<element data-toggle-class="active-class"




 data-toggle-target="target-element">
</element>

Aplique la clase activa a todos los elementos secundarios de un elemento primario.

<element data-toggle-class="active-class"




 data-toggle-target-parent="target-element">
</element>

Aplique la clase activa a todos los subelementos en sí mismo.

<element data-toggle-class="active-class"




 data-toggle-target-self="selector">
</element>

Aplique la clase activa a los elementos anteriores/siguientes.

<element data-toggle-class="active-class"




 data-toggle-target-previous>
</element>

<element data-toggle-class="active-class"




 data-toggle-target-next>
</element>

Registro de cambios

v1.101.0 (01/25/2019)

• Corregido: window. initEasyToggleState (); no funciona como se esperaba

v1.9.5 (12/20/2018)

• actualizar

v1.9.4 (11/17/2018)

• Doc and dependencies actualizar

v1.9.3 (10/12/2018)

• Corregido ADVERTENCIA en el registro de la consola si no se encuentra ningún Data-Toggle-Class

v1.9.2 (10/12/2018)

• actualizar

v1.9.1 (09/10/2018)

• actualizar

v1.8.2 (09/07/2018)

• actualizar

v1.8.0 (08/19/2018)

• actualizar

v1.7.0 (07/04/2018)

• Sizes actualizar

v1.6.5 (07/04/2018)

• actualizar

v1.6.4 (06/30/2018)

• No más polirellenos IE

v1.6.1 (06/28/2018)

• Solución de escape de gestión de claves

v1.6.1 (06/27/2018)

• Bugfix

v1.6.0 (06/20/2018)

• Bugfix

v1.5.5 (06/14/2018)

• Bugfix

v1.5.3 (06/06/2018)

• actualizar

v1.5.0 (06/01/2018)

• Las optimizaciones de código

v1.4.2 (05/31/2018)

• La versión de IE11 ahora funciona

v1.4.2 (05/24/2018)

• Mejor gestión Aria