Forum | Appery.io

I would like to load a selection list for a field that is in a Collapsable Block but only if the user clicks the block header to open it up.

I can use the other elements of the collapsable block for an on click event (the body, content, ...) but not the header. The problem with using the other elements is that the event is triggered everytime the user clicks on a field in the expanded area.

Any ideas?

Regards, Shaun.

Hi Shaun,
Please try to use following construction:
code
Apperyio("<mobilecollapsblock>")&#46;closest('[data-role="collapsible"]')&#46;find('h3')&#46;click(
function(){
&#46;&#46;
}
);
/code

Thank you. Where/when should I execute the javascript (on page load?)

Regards, Shaun.

I have tried running the javascript on page load:

Apperyio("").closest('[data-role="collapsible"]').find('h3').click(list_countries.execute({}));

But it seems to execute the service regardless of whether the header is clicked. What am I doing wrong?

Add it on Click event for Collapsible Block