Botón para ocultar divs

[Alexis88]

Lo que sucede es que, de ese modo, muestras/ocultas a todos los elementos cuya clase sea 'abonos'. Lo que debes de hacer es tomar al contenedor del botón y, en él, buscar al elemento con dicha clase.

Un ejemplo:

Código HTML:

<div>
    <div class = "content">Contenido 1</div>
    <button class = "showHide">Show/Hide</button>
</div>
    
<div>
    <div class = "content">Contenido 2</div>
    <button class = "showHide">Show/Hide</button>
</div>
    
<div>
    <div class = "content">Contenido 3</div>
    <button class = "showHide">Show/Hide</button>
</div>
 

Código Javascript:

$(".showHide").click(function(){
    $(this).parent().find(".content").toggle();
});
 

Como dije, al darle clic al botón, ubico al elemento que lo contiene y dentro de este, busco al elemento con la clase en cuestión, así solo afecto a ese elemento y no al resto.



Saludos