I am using the Mixitup Multifilter. I have set up three dropdowns that contain the filter groups for each category. The issues that I’m facing are as follows:
I have a “SEE RESULTS” button in each dropdown which should close the dropdown upon click.
Also, I want the bg color of the filter buttons to change color when the user clicks on and off of it as they are toggle buttons which effect the results.
The “RESET FILTER” button should change the colors of the button filters bg back to the original state as well and reset the button toggles.
I’m really close to making it work but these three issues are the last things, if fixed, would make it perfect.
“how to close weblow dropdown by click”. Try the ideas her (If it not work for you update):
issue 2 & 3 - mixitup-control-active
When a filter or toggle control is clicked and becomes active, MixItUp will add an “active” modifier class to its markup for styling. By default, all controls receive the active class 'mixitup-control-active' , but this can be customized via the classNames configuration sub-object. Docs
Step-1: Create style for mixitup-control-active (Blue background for example).