multimodalart/shadow-root-reverse

1import gradio as gr2 3advanced_button = gr.Button("Advanced options", elem_id="advanced-btn")4css = '''5#advanced-options {display: none}6'''7block = gr.Blocks(css=css)8with block:9    advanced_button = gr.Button("Advanced options", elem_id="advanced-btn")10    with gr.Row(elem_id="advanced-options"):11        samples = gr.Slider(label="Images", minimum=1, maximum=4, value=3, step=1)12 13    advanced_button.click(14        None,15        [],16        [],17        _js="""18        () => {19            const options = document.querySelector("body > gradio-app").querySelector("#advanced-options");20            options.style.display = ["none", ""].includes(options.style.display) ? "flex" : "none";21        }""",22    )23block.launch()