closing a put_collapse with a function

[Shahin-rmz]

suppose I have following code:

put_collapse('Product Cost', [put_row([
    put_input('count',type = 'number',placeholder = 'Example: 1000', 
              label='Please insert the count of your product'),
        None,
        put_input('price',type = 'float',placeholder = 'Example: 50$', 
                  help_text = 'All prices in USD',label='please insert the price of your product')])
                                  ,put_buttons(['func'],onclick = ????)])

When clicking the button, I want to do some calculations and close the collapse.
how to close the collapse?

[wang0618]

You can close/open the collapse by using js: run_js("$('details').prop('open', open)", open=False) or run_js("$('details').prop('open', open)", open=True)

[Shahin-rmz]

very nice, I put this run_js inside my function.

[Shahin-rmz]

@wang0618 , if I have more put_collapses in my page and want to give each one an id to be able to close just that with JQuery, where should I search for that?

[wang0618]

Put put_collapses() in a scope via use_scope() . The scope is a html div tag with id pywebio-scope-<scope_name>

[Shahin-rmz]

and then run_js("$('pywebio-scope-<scope_name>').prop('open', open)", open=False) right?

[wang0618]

with use_scope('s1'):
    put_collapse('title', 'content')


run_js("$('#pywebio-scope-s1 details').prop('open', open)", open=False)

[Shahin-rmz]

worked.
Thank you.
I didn't know how to mention details inside div in JQuery.