| import gradio as gr | |
| advanced_button = gr.Button("Advanced options", elem_id="advanced-btn") | |
| css = ''' | |
| #advanced-options {display: none} | |
| ''' | |
| block = gr.Blocks(css=css) | |
| with block: | |
| advanced_button = gr.Button("Advanced options", elem_id="advanced-btn") | |
| with gr.Row(elem_id="advanced-options"): | |
| samples = gr.Slider(label="Images", minimum=1, maximum=4, value=3, step=1) | |
| advanced_button.click( | |
| None, | |
| [], | |
| [], | |
| _js=""" | |
| () => { | |
| const options = document.querySelector("body > gradio-app").querySelector("#advanced-options"); | |
| options.style.display = ["none", ""].includes(options.style.display) ? "flex" : "none"; | |
| }""", | |
| ) | |
| block.launch() |