How do I create a link to a location in a page, when sections are accordion collapsed using CSS?

Question

The page is divided into different categories which can be collapsed (accordion), and using the regular <a href> does not work. That only works when linking to a location in the same section the link is located is. Is there a way to create a link to a different section?

Answer 1

Yes, there is! Check out the CSS :target pseudo-class. If you're using anchor tags with href attributes that start with a hashtag (navigating within the document instead of between documents), then the URL changes, adding the hashtag and href target at the end. CSS can detect these changes!

You can expand any section that is targeted:

section:target {

/* expand the section */

}

Let me know if you have more questions!

Ian