Live demo

Overly Detailed

Stop clicking every little click-to-expand triangle ▶.

Websites love to hide spoilers, FAQs, changelogs, and other useful info behind little disclosure arrows ▶. You've seen them everywhere, and they're called HTML <details> elements. But after clicking a bunch of them, you might just call them annoying.

Overly Detailed unfolds them for you, including the ones that only appear as you keep scrolling. This page runs the same tiny script you'd install, so you can see if it's right for you without installing anything first.

🛠️ How it works: a tiny shim (gm-shim.js) stands in for the four userscript-manager APIs, so the script running here is the shipping one, unchanged. See the README for more info.

But wait, nothing here is open! That's on purpose. What's a "before and after" without a proper "before"? This demo starts with everything annoyingly hidden so you can watch Overly Detailed do its thing.

Test Drive

The same three options Overly Detailed adds to your userscript manager.

Try it!

The first button shows Auto-open for this site: OFF.
Turn it ON. You know you want to.
Ta-da! All <details> are now expanded 🪗. This is what Overly Detailed does by default.

Already sold? Skip to install ↓

Sections that would normally need clicking

An ordinary collapsed section, the kind a docs page might have a few dozen of.

The whole page, all at once

More reading, less clicking (or Tab-Space-Tab-Space tedium)
Easily skim long FAQs, docs, logs, and other heavily collapsed pages.
Copying, web clipping, full-page screenshots?
Faster, easier, and more complete.
Printing & PDF
No more redos because you forgot to open a block first.
Compare info without a degree in archaeology
Changelog entries and FAQ answers can finally be on screen at the same time.

Nested? No problem.

Outer level

Sure, this is open. But why stop here?

Middle level

Yo dawg, I heard you like details, so I put details in your details!

Inner level

Nesting is handled properly, and you have reached Enlightenment*.

*NOTE: Enlightenment not guaranteed.

What if more sections show up later?

Try it: With Auto-open ON, press Add a section.

The new section arrives already open. Overly Detailed keeps watching for new <details> elements even after the page has loaded.

Your clicks stay yours

With Auto-open ON, close the section below by hand, then press Add a section above again. This one stays shut.

Close me, then add a section

Still closed? Good. This script respects boundaries. A script watching the open attribute would reopen it half a second later, which is less of a feature and more of a haunted accordion.

Install

New to userscripts? It's easy!

Install either Tampermonkey or Violentmonkey.
Click Install Overly Detailed on Greasy Fork .
Approve the installation.

Done. It starts working automatically.

Already know what's up?

You can also install the .user.js directly from GitHub.

Runs locally. No tracking, no data collection, no script-initiated network requests.

Installed, it runs on every site rather than just this one, and its preferences live in your userscript manager instead of this tab. Here, the demo's settings are remembered for this tab only; installed, they're remembered per site.