slideUp () es un método incorporado en jQuery que se utiliza para ocultar los elementos seleccionados.
Sintaxis:
$(selector).slideUp(speed);
Parámetro: Acepta un parámetro opcional “velocidad” que especifica la velocidad de duración del efecto.
Valor devuelto: No devuelve nada simplemente oculta el elemento seleccionado.
Código n.º 1:
en el siguiente código, no se pasa ningún parámetro a este método.
<html>
<head>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
<!-- jQuery code to show the working of this method -->
$(document).ready(function() {
$(".btn1").click(function() {
$("p").slideUp();
});
});
</script>
<style>
div {
width: 300px;
height: 100px;
padding: 20px;
border: 2px solid green;
}
</style>
</head>
<body>
<div>
<p>This paragraph will get hide.</p>
<!-- click on this button -->
<button class="btn1">Slide up</button>
</div>
</body>
</html>
Salida:
en el siguiente video, se muestra el funcionamiento de este método.
Código #2:
En el siguiente código, el parámetro de exceso de velocidad se pasa a este método.
<!DOCTYPE html>
<html>
<head>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
<!-- jQuery code to show the working of this method -->
$(document).ready(function() {
$(".btn1").click(function() {
$("p").slideUp(3000);
});
});
</script>
<style>
div {
width: 300px;
height: 100px;
padding: 20px;
border: 2px solid green;
}
</style>
</head>
<body>
<div>
<p>This paragraph will get hide.</p>
<!-- click on this button -->
<button class="btn1">Slide up</button>
</div>
</body>
</html>
Salida:
en el siguiente video, se muestra el funcionamiento de este método.
Publicación traducida automáticamente
Artículo escrito por kundankumarjha y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA