[SOLUCIONADO] Ocultar div con jquery al hacer click en una palabra

[miguelalexep]

Buenas tardes, lo que tengo es lo siguiente. Tengo una lista de valores, que itero mediante un for. Lo que busco es que estos valores esten ocultos en un principio y solamente se muestren cuando de click en la palabra Mostrar lo que habia hecho es lo siguiente.

<div id="datos"><a href="#">Mostrar</a></div>
{% for n in object.notas_credito_abono.all %}
<div id="abonos">
<div style="width:70px; float:left;">{{ n.fecha|date:"d/m/y" }}</div>
<div style="width:100px; float:left;">Nota de crédito</div>
<div style="width:50px; float:left;" class="righttext">{{ n.get_folio }}</div>
<div style="width:50px; float:left;" class="righttext">&nbsp;</div>
<div style="width:100px; float:left;" class="righttext">{{ n.total }}</div>
<div style="width:100px; float:left;" class="righttext">{{ n.total }}</div>
<div class="clear"></div>
</div><br>
{% endfor %}
</div>


$(document).ready(function(){
$("#datos").click(function(){
$("#abonos").show();
});
});

[Alexis88]

Eso debes de hacerlo desde una hoja de estilos.

Código CSS:

#abonos{
    display: none;
}
 

Saludos

[miguelalexep]

Ya le estuve haciendo con la hoja de estilos y siguen apareciendo los datos. Segun yo seria con jquery

[Alexis88]

Eso se controla desde la hoja de estilos, claro que podrías hacerlo con JavaScript, pero lo ideal es hacerlo con CSS. Probablemente haya alguna línea en la que vuelva a hacer visibles a los datos y no te has dado cuenta.

Revisa con calma todo tu código, analízalo línea por línea, probablemente así encuentres el desperfecto.

Saludos

[miguelalexep]

Si ya encontre un detalle en el codigo, la otra duda que me salio, fue que si le puedo poner el mismo id a dos div y en caso de que no como haria para llamarlos en el javascript.

por el momento lo tengo asi
("#abonos").slideToggle(100);

Como haria para llamar otro id dentre de ese mismo de abonos?

[Alexis88]

De poder, puedes, pero no es lo correcto. el atributo id debe de ser un valor único en todo el documento pues sirve para identificar a cada elemento y diferenciarlos de los demás.

Ahora, ¿para qué deseas hacer eso? Con tu respuesta a esa pregunta, podremos orientarte debidamente.

Saludos