The details tag is a new HTML 5 tag which helps web devs to create opening and closing accordions without the use of Javascript. When modified properly it can also be used to create modals.
Well, it provides a nice, quick and efficient way of representing data. You can put in as many elements as you like after the <summary> tag. And because it's fun!
The tag is supported in all major browsers exceot IE and Edge. :(