
Чтобы добиться такого вида окфильтра. необходимо добавить к сайту следующие жс и цсс
.noUi-pips-horizontal { display:none; } .ocfilter-option label { float:left; white-space:nowrap!important; width:50%!important; } .noUi-horizontal .noUi-handle { width: 23px!important; height: 23px!important; left: -17px!important; top: -4px!important; border-radius:50%!important; } .list-group .list-group-item { overflow:hidden!important; } .ocfilter-option .ocf-option-name { margin-bottom:0px!important; } .ocf-option-values { margin-top:10px; }
var html_bott = "<i class='fa fa-chevron-down pull-right'></i>"; var html_top = "<i class='fa fa-chevron-up pull-right'></i>"; $(document).ready(function() { $(".ocf-option-name").each(function(index) { var this_html = $(this).html(); var this_text = $(this).text(); $(this).html(this_text + html_top); }); $(".ocf-option-name").click(function() { var this_html = $(this).html(); var this_text = $(this).text(); var last_s = this_html.slice(-1); if (last_s == ' ') { $(this).html(this_text + html_top); } else $(this).html(this_text + html_bott + ' '); $(this).next().toggle(); }); // сворачиваем все группы начиная с 4 $(".ocf-option-name").each(function(index) { if (index > 3) $(this).click(); }); });