Made courses list's group panels collapsable (#222)

templates/courses.html

@@ -34,16 +34,18 @@
 {% endif %}
 
 {% for g in grouped_courses %}
-<div class="row panel-group">
+<div class="row panel-group" id="accordion">
 	<div class="col-xs-12"><div class="panel panel-default">
 		<div class="panel-heading">
+			<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#{{g.grouper}}" style="color: #222;">
 				{% if groupedby == 'semester' %}
 				<h1 class="panel-title">{{g.grouper|semester(long=True)}} ({{g.list|length}} Veranstaltungen)</h1>
 				{% else %}
 				<h1 class="panel-title">{{g.grouper}}</h1>
 				{% endif %}
+			</a>
 		</div>
-		<ul class="{% if not ismod() %}courses-list {% endif %}list-group">
+		<ul class="{% if not ismod() %}courses-list {% endif %}list-group panel-collapse collapse in" id="{{g.grouper}}">
 			{% for i in g.list|sort(attribute='title') %}
 				{% if groupedby == 'semester' %}
 					{{ course_list_item(i) }}
@@ -55,5 +57,4 @@
 	</div></div>
 </div>
 {% endfor %}
-
 {% endblock %}