Mutually exclusive <details> elements
Multiple <details> elements which use the same name attribute are mutually exclusive. When one member of the group is opened, all other members are closed.
Status
Baseline Newly Available (since 2024-09-03)
This feature is expected to reach Baseline Widely Available status on: 2027-03-03
MDN documentation
Specifications
- HTML (#attr-details-name), from HTML Workstream (WHATWG).
Browser support
- Chrome 120 Released on 2023-12-05
- Chrome Android 120 Released on 2023-12-05
- Edge 120 Released on 2023-12-07
- Firefox 130 Released on 2024-09-03
- Firefox for Android 130 Released on 2024-09-03
- Safari 17.2 Released on 2023-12-11
- Safari on iOS 17.2 Released on 2023-12-11
Surveys
- State of HTML 2025 > interactivity > interactivity pain points limitations 1
- State of HTML 2025 > interactivity > interactivity pain points features
- State of HTML 2025 > interactivity > interactivity features
- State of HTML 2025 > features > all features
- State of HTML 2024 > usage > html functionality features
- State of HTML 2024 > reading list > reading list
- State of HTML 2024 > interactivity > interactivity features
- State of HTML 2024 > features > all features
- State of HTML 2023 > usage > html functionality features
- State of HTML 2023 > reading list > reading list
- State of HTML 2023 > interactivity > interactivity features
- State of HTML 2023 > features > all features
- State of CSS 2025 > usage > favorite new features
- State of CSS 2025 > usage > css missing features
Usage (according to Chrome Platform Status)
~0.061% of page loads. More data at chromestatus.com.Web Platform Tests (WPT)
View the latest WPT test results for this featureView as JSON | Edit this feature | Report an issue | Web-features entry: source, dist