Ver Mensaje Individual
  #1 (permalink)  
Antiguo 28/10/2020, 09:34
Avatar de ceaped
ceaped
 
Fecha de Ingreso: febrero-2004
Mensajes: 2.185
Antigüedad: 20 años, 9 meses
Puntos: 9
Pregunta Mostrar y ocultar textos con botón

Buenos días
Tengo varios párrafos de texto y deseo abrir cada uno no que se abran todos.
Este es el código:

Código Javascript:
Ver original
  1. $(document).ready(function(){
  2.  
  3.     $('.alternar-texto').toggle(
  4.  
  5.         function(e){
  6.             $('.texto').slideDown();
  7.             $(this).text('Ocultar texto');
  8.             e.preventDefault();
  9.         }, // Separamos las dos funciones con una coma
  10.      
  11.         function(e){
  12.             $('.texto').slideUp();
  13.             $(this).text('Ver texto');
  14.             e.preventDefault();
  15.         }
  16.  
  17.     );
  18.  
  19. });

Código HTML:
Ver original
  1. <a href="#" class="alternar-texto">
  2. Ver texto 1</a>
  3.  
  4. <div class="texto">Texto 1...</div>
  5.  
  6. <a href="#" class="alternar-texto">
  7. Ver texto 2</a>
  8.  
  9. <div class="texto">Texto 2...</div>

Que sucede?, cuando doy clic al botón "ver texto 1" se abre también el "texto 2" y yo deseo que se abran por separado.

¿Cómo hago esto?

Gracias por su ayuda
__________________
Diseñador Gráfico publicitario