diff --git a/app/static/css/main.css b/app/static/css/main.css
index 2fd83df..2689bd4 100644
--- a/app/static/css/main.css
+++ b/app/static/css/main.css
@@ -290,3 +290,15 @@ h1, h2, h3, h4, h5, h6{
 #dish_choices.loading {
 	opacity: 0.2;
 }
+
+.dish-choices summary {
+	font-style: italic;
+	cursor: pointer;
+}
+.dish-choices summary:before {
+	font-style: normal;
+	content: "⯈";
+}
+.dish-choices[open] summary:before {
+	content: "⯆";
+}
diff --git a/app/templates/location.html b/app/templates/location.html
index 5080a30..f41c032 100644
--- a/app/templates/location.html
+++ b/app/templates/location.html
@@ -35,12 +35,30 @@
 					<td>
 						{{ dish.description or "" }}
 						{% if dish.choices %}
-							<div class="dish-choices">
-								Choices:
+							<details class="dish-choices">
+								<summary>
 								{% set comma = joiner(",") %}
 								{% for choice in dish.choices %}{{ comma() }}
 									{{ choice[1].name }}{% endfor %}
-							</div>
+								</summary>
+								<ul>
+								{% for type, choice in dish.choices %}
+									<li><strong>{{ choice.name }}</strong>{{
+										choice.description if choice.description
+									}}{{
+										" (choose one)" if type == "single_choice"
+									}}
+										<ul>
+										{% for option in choice.options %}
+										<li>{{ option.name }}{% if option.description %}:
+											{{ option.description}}{% endif %}{% if option.price %}:
+											{{ option.price | euro }}{% endif %}</li>
+										{% endfor %}
+										</ul>
+									</li>
+								{% endfor %}
+								</ul>
+							</details>
 						{% endif %}
 					</td>
 					<td style="white-space: nowrap;">{{ dish.price_range()|price_range(true) }}<td>