Collapsible?

app.py

@@ -117,8 +117,44 @@ with gr.Blocks() as user_eval:
             step += 1
             print(eval_1 + eval_2 + eval_3)
             if step == len(passage_texts):
+                collapsible_string = """
+                    <style>
+                    /* Style the button that is used to open and close the collapsible content */
+                    .collapsible {
+                    background-color: #eee;
+                    color: #444;
+                    cursor: pointer;
+                    padding: 18px;
+                    width: 100%;
+                    border: none;
+                    text-align: left;
+                    outline: none;
+                    font-size: 15px;
+                    }
+
+                    /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
+                    .active, .collapsible:hover {
+                    background-color: #ccc;
+                    }
+
+                    /* Style the collapsible content. Note: hidden by default */
+                    .content {
+                    padding: 0 18px;
+                    display: none;
+                    overflow: hidden;
+                    background-color: #f1f1f1;
+                    }
+                    </style>
+                    """
+                for i, passage in enumerate(passage_texts):
+                    collapsible_string += """
+                            <button type="button" class="collapsible">Passage """ + str(i + 1) + """</button>
+                            <div class="content">
+                            <p> """ + passage + """ </p>
+                            </div>
+                            """
                 return {
-                    selection: gr.Markdown("SUMMARY!"),
+                    selection: gr.HTML(collapsible_string),
                     scores_p: gr.Column(visible = False),
                     scores_g: gr.Column(visible = True)
                 }