diff --git a/templates/courses.html b/templates/courses.html
index 09fa22d55b637faa33bcf424d82b0d5af8b1d9c3..bab3781a0de95c12a314d8e4c83b6fb281cc4abc 100644
--- a/templates/courses.html
+++ b/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">
-			{% 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 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 %}