Collapsible?

app.py

@@ -153,6 +153,24 @@ with gr.Blocks() as user_eval:
                             <p> """ + passage + """ </p>
                             </div>
                             """
+                collapsible_string += """
+                    <script>
+                        var coll = document.getElementsByClassName("collapsible");
+                        var i;
+
+                        for (i = 0; i < coll.length; i++) {
+                        coll[i].addEventListener("click", function() {
+                            this.classList.toggle("active");
+                            var content = this.nextElementSibling;
+                            if (content.style.display === "block") {
+                            content.style.display = "none";
+                            } else {
+                            content.style.display = "block";
+                            }
+                        });
+                        }
+                    </script>
+                    """
                 return {
                     selection: gr.HTML(collapsible_string),
                     scores_p: gr.Column(visible = False),