ztimson/oacpl
ztimson/oacpl
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases Activity

Fixed newsletter animation

Browse Source
This commit is contained in:
Zak Timson 2017-09-03 17:37:39 -04:00
parent a79ea99c59
commit 8270523799
1 changed files with 5 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
newsletters/templates/newsletters.html
View File

@ -16,27 +16,18 @@
<div class="container py-3"> <div class="container py-3">
{% for newsletter in newsletters %} {% for newsletter in newsletters %}
<div class="col-12 p-0 mb-3 bg-white newsletter"> <div class="col-12 p-0 mb-3 bg-white newsletter">
<div class="p-3 newsletter-header"> <div class="p-3 newsletter-header" data-toggle="collapse" data-target="#newsletter-body-{{ newsletter.id }}" aria-expanded="false" aria-controls="newsletter-body-{{ newsletter.id }}">
<h2>{{ newsletter.subject }}</h2> <h2>{{ newsletter.subject }}</h2>
<span class="text-muted">By: {{ newsletter.creator }}</span> <span class="text-muted">By: {{ newsletter.creator }}</span>
<span class="text-muted float-right">{{ newsletter.publish }}</span> <span class="text-muted float-right">{{ newsletter.publish }}</span>
</div> </div>
<div class="bg-light-blue p-3 newsletter-body" style="display:none;"> <div id="newsletter-body-{{ newsletter.id }}" class="bg-light-blue collapse">
<span>{{ newsletter.body }}</span> <div class="p-3">
{{ newsletter.body }}
</div>
</div> </div>
</div> </div>
{% endfor %} {% endfor %}
</div> </div>
</div> </div>
<script>
$('.newsletter').click(function() {
var content = $('.newsletter-body', this);
if(content.css('display') == 'block') {
content.slideUp('fast')
} else {
content.slideDown('fast')
}
})
</script>
{% endblock %} {% endblock %}