diff --git a/js/catalog.js b/js/catalog.js
index 1d6305cb..bf781c10 100644
--- a/js/catalog.js
+++ b/js/catalog.js
@@ -45,9 +45,4 @@ if (active_page == 'catalog') $(function(){
 			$(this).css('width', 'auto');
 		}
 	});
-
-    $('#post-form-opener').on('click', function(e) {
-        $('#post-form-container').css('display', 'unset');
-        $('#post-form-opener').css('display', 'none');
-    });
 });
diff --git a/templates/themes/catalog/catalog.html b/templates/themes/catalog/catalog.html
index a72e503f..7fa7146f 100644
--- a/templates/themes/catalog/catalog.html
+++ b/templates/themes/catalog/catalog.html
@@ -20,10 +20,14 @@
 		<div class="subtitle">{{ settings.subtitle }}</div>
 	</header>
         {% if not no_post_form %}
-                <center><a href="#" id="post-form-opener">[ {% trans 'Create new thread' %} ]</a></center>
-                <div id="post-form-container" style="display:none;">
-		  {% include 'post_form.html' %}
+        <details id="post-form-details">
+                <summary style="list-style: none">
+                        <center>[ {% trans 'Create new thread' %} ]</center>
+                </summary>
+                <div style="margin: 1em 0;">
+		{% include 'post_form.html' %}
                 </div>
+        </details>
         {% endif %}
 	<div class="controls">
 		<ul style="display: none">