Before you paste the codes, make sure, your settings are correct. 1, Checkbox filter admin settings: In the WP admin dashboard, jetsmartfilter -> Your selected checkboxfilter panel, make sure, checked the "Group terms by parents option" Picture: https://prnt.sc/22brrc7 2, Checkbox filter Elementor widget settings: In the Elementor editor, make sure, are you swtiched off the Show Checkbox option under the Style / Item tab. (optional not required ) Helping picture: https://prnt.sc/22brzzz 3, Recommended to use the Elementor custom code function for the codes. 4, recommended to give a specific unique class for your checkbox filter widget Helping image: https://prnt.sc/22buy8s Tutorial videos for JetEngine, JetSmartfilter, CSS & Js tricks (Hungary language) https://www.youtube.com/channel/UCZwvA7BXb6h1ooRqzPjwUiw /// DONT SCARE the toggle function will not work in the Elementor editor /// Tested versions: Elementor 3.4.8 Elementor pro: 3.5.2 JetSmartfilter: 2.3.7 ////// Paste this code in a HTML widget, or just use the Elementor Custom Code function (Epro feature) ////// .mycheck--filter .jet-list-tree__parent.activeicon:before { content: "\f077"; /* Change to the FA5 icon if need it */ font-family: Font Awesome\ 5 Free; font-weight: 900; float: right; margin-right: 10px; font-size: 11px; } .mycheck--filter .jet-list-tree__parent:before { content: "\f078"; /* Change to the FA5 icon if need it */ font-family: Font Awesome\ 5 Free; font-weight: 900; float: right; margin-right: 10px; font-size: 11px; } .mycheck--filter .jet-list-tree__parent.noicon:before{ content: ""; } .mycheck--filter .jet-list-tree__parent { cursor: pointer; } .mycheck--filter .jet-list-tree__parent.noicon { cursor: default; } .mycheck--filter .jet-checkboxes-list__label:hover { color: var(--e-global-color-5552cc2); /* replace with your global color, or: */ /* color: red; */ } document.addEventListener('DOMContentLoaded', function() { jQuery(function($){ $('.jet-list-tree__children').slice().slideUp(0); $('.jet-list-tree__parent').slice(1,0).addClass('noicon'); $('.jet-list-tree__parent').mouseup(function(){ $(this).toggleClass('activeicon'); $(this).next().slideToggle(); }); }); });