Side Bar Categories

Hi,

I have a side bar with product categories, which is going to be huge by the time I've added them all. How do I have it just showing the 1st tier for example Suppliers, Servo Motors, Stepper Motors. Then you click on the category to expand it?
The 1st image is our wordpress site, the 2nd 2 are how it looks on the current site which is how I'd like it to work on the new wordpress site.

Thanks

 

Thank you. I have added the code, its just taken it down to the 1st category. https://www.servernetworks.uk/motion-control-products/
I'd like it to show suppliers, servo motors, servo drives, motion controller, then can expand it from there.

It also, is not showing any of the products now, if you click on any of the categories it just takes you back to the https://www.servernetworks.uk/motion-control-products/ page

 

That looks good, would it be possible for when you click on a product for example under servo motors, if I select rotary
https://www.servernetworks.uk/product-category/servo-motors/rotary/ the relevant category stays open?
currently the side bar closes so just the 1st level categories are showing.
The servo_rotary1.jpg is how it currently looks.
I'd like it to look like servo_rotary2.jpg

 

Hi,
Thank you. This has all the categories open. I would like them just to open when you click on them. Also, to make it even more complicated, can you select more than 1 category?

So, visitors to our site may want all the Rotary Servo Motors from Kollmorgen showing, is this possible? Maybe check/tick boxes?