Clicking collabsible scrolls to far down

Clicking collabsible scrolls to far down

I experience the collapsibleset and collapsible as a great feature, just fantastic. But I have been struggling for a while with the following problem. I am very grateful if someone wants to help me.

When collapsibles contain more content than a bit, there is a problem. The following code is the code that I use, so just as prescribed. Nothing special. Do the following to test:
I have looked at page https://api.jquerymobile.com/collapsible/  where the following is stated:
"Note: Collapsible is deprecated as version 1.5 and will be removed in version 1.6 Use accordion in place of collapsible."
The link https://api.jquerymobile.com/accordion (in the note) is not correct. Because accordion is not a JQuery Mobile widget but a JQeury, I assume that this is a mistake. My question is also whether this note is relevant.

Place a lot of content in a few containers. Click on a collabsible with a lot of content. Scroll down and click on the next with a lot of content. Now it often happens that you have to manually scroll back up to the beginning of this collapsible. Sometimes that is quite a lot.

<div data-role="collapsibleset"> <!-- collapsibleset -->
  <div data-role="collapsible">
  <h3>A heading</h3>
  <p>To test, place more content in the collapsable.</p>
  </div>
 
  <div data-role="collapsible">
  <h3>A heading</h3>
  <p>To test, place more content in the collapsable.</p>
  </div>
 
  <div data-role="collapsible">
  <h3>A heading</h3>
  <p>To test, place more content in the collapsable.</p>
  </div>
 
  <div data-role="collapsible">
  <h3>A heading</h3>
  <p>To test, place more content in the collapsable.</p>
  </div>
</div> <!-- End-collapsibleset -->