En este artículo, veremos cómo ocultar todos los elementos de encabezado en una página cuando se hace clic en ellos en jQuery. Para ocultar todos los elementos de encabezado de la página, usamos el método slideUp(). Primero usamos el método click() para detectar que se hace clic en el elemento y luego usamos el método slideUp() para ocultar los elementos del encabezado.
Sintaxis:
$(selector).click(function() { $(this).slideUp(); })
Aquí, usamos el método click() para iniciar el evento de clic o adjuntar una función para que se ejecute cuando ocurre un evento de clic y el método slideUp() para ocultar los elementos seleccionados.
Ejemplo:
HTML
<!DOCTYPE html> <html> <head> <title> How to hide all heading elements on a page when they are clicked in jQuery? </title> <script src= "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script> <script> $(document).ready(function () { $("h1, h3").click(function () { $(this).slideUp(); }); }); </script> <style> body { text-align: center; } h1 { color: green; } </style> </head> <body> <h1>GeeksforGeeks</h1> <h3> How to hide all heading elements on a page <br>when they are clicked in jQuery? </h3> </body> </html>
Producción: