How to: make filter options collapsible?

Hi there, 

First of all, thank you for this project! This was one of the easiest to work with. There are some pieces that I cannot figure out on my own. 
Like how to make filter options collapsible. I have many filter categories, and on mobile it's overwhelming. So I am trying to hide the filters options (headers or all).  

Any hints, documentation or advice?

edited:
Added a jpg to clarify.. the yellow filter headers need to be the ahref/button which hide/show all the filter options under the header. My mouse-drawing-writing-skills are horrible :P

Try this
https://www.w3schools.com/bootstrap/bootstrap_collapse.asp

Thanks! I was already researching that option, but after looking at it again I see what I am doing wrong. The div class form-control needs to be replaced (I just left it in.. so it collapsed but not like it should :P) 
tada

mysc,

This is a fantastic idea.  Unless you're planning on releasing this as an add-on, care to share your solution for those of us not so well versed in CSS?

Thanks,
Marc

Yes! Sorry for my late reply! I tried to reply a few weeks back but somehow I couldn't post (not here and not in a private message)
I will post the code in a few weeks (I have a deadline, up to my eyeballs in code..., and I need to redo the code as a proper-up-to-litecard-standard vqmod and not hard coded as I did now - because I am lazy)
But if you still have some patience you will be rewarded :P 

Bbasap

Very good example of what you need. There is no need for bootstrap.

[url=http://jsfiddle.net/hungerpain/eK8X5/7/]http://jsfiddle.net/hungerpain/eK8X5/7/[/url]

$('.myclass').toggle();

or 

$('.myclass').slideToggle(); for animation

https://api.jquery.com/slideToggle/

I have been playing with this...
https://sazzip.net/pizza/pizza-c-3/?sort=name&category_id=3&page=1

This is a test site.

I don't think it a good idea to hide all attributes at once. Better UX is achieved hiding only a single attribute group.

How can I get the filters?