HTML 5 details and summary component animation

Up until now, to collapse and expand certain information, we had to rely on JavaScript or use CSS pseudo selectors. With HTML 5, we have a new kid on the block – details and summary. Put all the content inside details that you wish to hide initially and add a hint for it using summary tag. Open the page in chrome browser you will see a nice little triangle to expand/collapse the information.