app.py

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)
        steps = gr.Slider(label="Steps", minimum=1, maximum=50, value=50, step=1)
        scale = gr.Slider(
                label="Guidance Scale", minimum=0, maximum=50, value=7, step=1
        )
        seed = gr.Slider(
            label="Random seed",
            minimum=0,
            maximum=2147483647,
            step=1,
            randomize=True,
        )

    advanced_button.click(
        None,
        [],
        text,
        _js="""
        () => {
            const options = document.querySelector("body > gradio-app").shadowRoot.querySelector("#advanced-options");
            options.style.display = ["none", ""].includes(options.style.display) ? "flex" : "none";
        }""",
    )
block.launch()