Accordion Effect of pure CSS

Similar examples are available on the Internet. If you are interested, you can go to Google. Here I try to implement one. In fact, it is very simple. I mainly use the target pseudo class and transition effect in css3.

In CSS, note that the target and transition sections are roughly clear.Code-Moz-

: The target positioning element corresponds to # XXX at the end of the browser URL. XXX is the element ID. You can click the title link to implement the switchover function.

The following are the actual results in jsfiddle (Firefox browsing or modifying the CSS prefix)