Update app.py

app.py

@@ -291,11 +291,12 @@ SliderSpace allows you to explore diffusion model knowledge's concept directions
 - Try multiple directions if you're not seeing the effect you want
 """
 
-def toggle_instructions(show_detailed):
-    if show_detailed:
-        return gr.Markdown(detailed_instructions), gr.Button("Show Simple Instructions")
+ # Define a function to toggle instructions
+def toggle_instructions(state):
+    if state:
+        return simple_instructions, "Show Detailed Instructions", False
     else:
-        return gr.Markdown(simple_instructions), gr.Button("Show Detailed Instructions")
+        return detailed_instructions, "Show Simple Instructions", True
 
 with gr.Blocks(css=css) as demo:
     with gr.Column(elem_id="col-container"):
@@ -313,9 +314,8 @@ with gr.Blocks(css=css) as demo:
             # Toggle button to switch between simple and detailed instructions
             toggle_btn.click(
                 fn=toggle_instructions,
-                inputs=[gr.State(False)],
-                outputs=[instructions_md, toggle_btn],
-                _js="(x) => !x"  # Toggle the state
+                inputs=[gr.State(False)],  # Initial state is False
+                outputs=[instructions_md, toggle_btn, gr.State()]  # Return the new state
             )
 
         with gr.Row():