Toggleable lists; Support for Details Summary tags.

[tony]

📝 Provide a description of the new feature

The editor for Notion has a very popular feature, toggleable lists

This allows dense, contextual information to be opened in a list item on command.

Demo on Notion

Notion.Toggle.functionality.mov

Related: lists + to-do lists feature (api, source), indentation feature (api, source, plugin)

For viewers (outside the editor) it would require javascript to toggle the items. The initial state would be determined by what it was saved as (perhaps by adding/removing classes to the list items).

Another request for collapsible content, but different situation: #1504

This was closed back in 2019 and referred to layouts, citing bootstrap's collapse component.

Potentially related to #10877 or #2973?

---

If you'd like to see this feature implemented, add a 👍 reaction to this post.

[jswiderski]

To me there is no need to come up with some custom div elements supported by JavaScript as the presented functionality seems to be perfectly covered by the details/summary tags - https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details.

If we decide to implement this feature we will probably have to do it in form of a widget as there are problems with leaving the element if it is the first one in the content area:
 

[tony]

Is this a duplicate of #8457?

[bonnepioche]

Hi,
I would love to have this collapsible items as well!
Thx!

[Witoso]

Duplicate of #8457.