HTML 5 details and summary component animation

Standard

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.

Continue reading