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"> </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();
});
});