Let find-in-page open hidden text

How to do it

Use <details> for accordions. For custom ones, use hidden="until-found" with a beforematch handler.

Example

<details>
  <summary>Do you work weekends?</summary>
  <p>Yes, for urgent fixes.</p>
</details>

<button type="button" aria-expanded="false" aria-controls="more">Full answer</button>
<div id="more" hidden="until-found">Full answer…</div>
<script>
  // The browser shows the section itself; keep the button's state in step
  document.getElementById('more').addEventListener('beforematch', () => {
    document.querySelector('[aria-controls="more"]').setAttribute('aria-expanded', 'true');
  });
</script>

How to check

A test finds no display: none accordion panels. Searching with Ctrl+F for text in a closed section opens it.