Método fadeToggle en jQuery
El método
fadeToggle
funciona de manera similar al método
slideToggle,
también implementa la alternancia
de efectos: a veces muestra el elemento, a veces lo oculta.
Por ejemplo, podemos, haciendo clic en el mismo botón mostrar y ocultar el elemento. Implementemos este método en el siguiente código HTML:
<button id="toggle">click me</button>
<div id="elem">text...</div>
Dejemos que el CSS se vea así:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Escribimos el siguiente código Javascript:
$('#toggle').click(function() {
$('#elem').fadeToggle(1000);
});
