Hierarchical Checkbox List – Accordion Menu

Anonymous

#252093

Hi Guys.

Have you ever turned a Hierarchical Checkbox List into an Accordion menu similar to this which has toggles at the end of the parent so you can select the parent category if you wish?

Example: https://www.kubikdesign.com.au/posts/search-filter-accordion-checkbox-list.png

Thanks.

Trevor

#252129

I haven’t, no. It is something we plan to do, but I have no snippets to share, sorry. I have seen user sites (but cannot recall the sites, sorry) where the user has done this using JavaScript, so it must be possible.

Anonymous

#252133

That’d be great if you guys had something out of the box so to speak.
It would be of great value.

I started to have a play and noticed that I need to hook into your Ajax event, because if I lay jQuery over the top what I do is wiped out after the results are updated by Ajax.

Is there a jQuery event or similar I can tap into so I can apply my jQuery after each Ajax request.

Sorry if my terminology is wrong I am not a JS expert and tend to mix and match what a call or an event is.

Hope you know what I mean.

Thanks.

Trevor

#252137

Like this:

<script>(function ( $ ) {
  "use strict";
  $(document).on("sf:ajaxfinish", ".searchandfilter", function(){
    // call your script or function here
  });
}(jQuery));</script>

Anonymous

#252196

Worked a treat. Thanks so much!!!

Trevor

#252204

Thanks for letting me know. I will close this thread for now.

[Author]

Posts