Jump to content

collapsible table list


cqpbert

Recommended Posts

I am not sure what to call what I want to do. But while trying to find how to code what I want, I found an example. If you look at the bottom of this page https://dequeuniversity.com/library/aria/table-responsive , you will see 4 bars/buttons/something that when you click they open and show text.

I want to do this in a product description that has a lot of features. In fact better would be if the expanded thing were a table so that I could have a qty next to the item on the list.

Can someone show me an example how to do this, or what to google so I can find it?

I prefer to do this without JS, not because I don't like it, just not actually sure how to host that and didn't want to take on that as well.

Link to comment
Share on other sites

A search on the Internet for collapsible css only gives several examples.

The trick is to have a checkbox positioned off the page, with a label for that checkbox be the menu trigger. Clicking on the label also activates the checkbox.

Then, the CSS for a :checked checkbox comes into play.

 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...