ejemplo de mostrar ocultar div con el mismo botón en JQUERY en español

ejemplo de mostrar ocultar div con el mismo botón en JQUERY en español

ejemplos de mostrar ocultar un div con el mismo botón en jquery

en jQuery puedes utilizar el método Show() para mostrar un elemento y el método hide() para ocultarlo,

pero si lo que quieres es un botón que sea como un conmutador, es decir, que al pulsarlo oculte un elemento y al volver a pulsar sobre el lo muestre utiliza el siguiente método toggle() que como te comento puede mostrar u ocultar un elemento haciendo click sobre un botón

 

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
 $("#cambia").click(function(){
 $("#texto").toggle(1000);
 });
});
</script>
</head>
<body>
<button id="cambia">Cambia visualización</button>
<div id="texto">Pulsa en el botón para ocultar o mostrar este texto.</div>
</body>
</html>

como puedes ver en el siguiente ejemplo en el apartado del Body tenemos un botón llamado cambia y un div llamado texto

y en la parte de programación tenemos una referencia a la librería de jQuery y a continuación utilizamos el evento Click del botón para indicar que cuando hagamos clic en él, conmute la visualización del div llamado texto utilizando el método toggle() y poniéndole 1000 como parámetro para indicar lo que lo haga en un segundo.