Reload H5P after changing display from none to block
Dear H5P experts,
on a webpage I'm wrapping a H5P inside a <div>. The <div> has style="display:none". I.e. when the page loads, the <div> (and thus the contained H5P) is not displayed. So far, so good.
Now, on the webpage I have a button, which (when clicked) changes the style of the surrounding <div> to style="display:block". I.e. clicking the button makes the <div> visible.
The issue is, that when the <div> becomes visible, the H5P inside the div is still *not* visible. This is strange and not the behaviour I desire. I'd like the H5P to also become visible when the surrounding <div> becomes visible.
However, when I then resize my browser, the H5P suddenly becomes visible! From this behaviour I'd guess, that the H5P on the webpage must be somehow "refreshed"/"reloaded".
Many thanks in advance for your help!