Simple Hidden Panel example

I’m struggling to get a panel to show / hide based on the current refinement:

I’ve found an example in the forum which is more complex than I need and I haven’t been able to get it to make it work for me.

I just want to make a panel show (with just some generic wording inside) when “Learning” has been selected.

My url is - /?whatson2020[refinementList][event_type][0]=Learning

I’d appreciate being pointed in the right direction. I’m using instantsearch.js


Thank you for contacting us.

You can take a look at our Current Refinement widget which should help you build the panel showing the current refinements.


I can build that panel without problem - I’m stuggling to understand how to make a panel just show when my result include e.g. event_type = Learning

Hello @guy3,

Here’s an example for you.

Based on the search result, you can collapse/uncollapse panels.
Let me know how it goes and if you have any question!

Wonderful - thank you so much, that’s just what I needed.