мы обучаем
Темы, которым

<script>
document.addEventListener("DOMContentLoaded", function() {
    var filterOne = $('#rec539488631, #rec539488650, #rec539488651, #rec539488652, #rec539488653, #rec539488654, #rec539488655, #rec539488656, #rec539488657, #rec539488658, #rec539488659, #rec539488660, #rec539488661, #rec539488662, #rec539488663, #rec539488664').addClass('one');//перечисли id блоков, которые фильтруются по кнопке, название класса добавь в кнопку
    var filterTwo = $('#rec539488633, #rec539488650, #rec539488651, #rec539488652, #rec539488653, #rec539488654, #rec539488655, #rec539488656, #rec539488657, #rec539488658, #rec539488659, #rec539488660, #rec539488661, #rec539488662, #rec539488663, #rec539488664, #rec539488665, #rec539488666, #rec539488667, #rec539488668, #rec539488669, #rec539488670, #rec539488671, #rec539488672, #rec539488673, #rec539488674, #rec539488675, #rec539488676, #rec539488677, #rec539488678, #rec539488679, #rec539488680, #rec539488681').addClass('two');//перечисли id блоков, которые фильтруются по кнопке, название класса добавь в кнопку
    var filterThree = $('#rec539488635, #rec539488682').addClass('hree');//перечисли id блоков, которые фильтруются по кнопке, название класса добавь в кнопку
    var filterFour = $('#rec539488637, #rec539488683, #rec539488684, #rec539488685').addClass('four');//перечисли id блоков, которые фильтруются по кнопке, название класса добавь в кнопку
    var filterFive = $('#rec539488639, #rec539488686, #rec539488687, #rec539488688, #rec539488689').addClass('five');//перечисли id блоков, которые фильтруются по кнопке, название класса добавь в кнопку
    var filterSix = $('#rec539488641, #rec539488690, #rec539488691, #rec539488692').addClass('six');//перечисли id блоков, которые фильтруются по кнопке, название класса добавь в кнопку
    var filterSeven = $('#rec539488643, #rec539488693, #rec539488694, #rec539488695, #rec539488696, #rec539488697, #rec539488698, #rec539488699').addClass('seven');//перечисли id блоков, которые фильтруются по кнопке, название класса добавь в кнопку
    var filterEight = $('#rec539488645, #rec539488692, #rec539488693, #rec539488694, #rec539488695, #rec539488696, #rec539488697, #rec539488698, #rec539488699').addClass('eight');//перечисли id блоков, которые фильтруются по кнопке, название класса добавь в кнопку
    var filterNine = $('#rec539488647, #rec539488650, #rec539488651, #rec539488652, #rec539488653, #rec539488654, #rec539488655, #rec539488656, #rec539488657, #rec539488658, #rec539488659, #rec539488660, #rec539488661, #rec539488662, #rec539488663, #rec539488664, #rec539488665, #rec539488666, #rec539488667, #rec539488668, #rec539488669, #rec539488670, #rec539488671, #rec539488672, #rec539488673, #rec539488674, #rec539488675, #rec539488676, #rec539488700, #rec539488701').addClass('nine');//перечисли id блоков, которые фильтруются по кнопке, название класса добавь в кнопку
    var filterTen = $('#rec539488649, #rec539488701, #rec539488702, #rec539488703, #rec539488704, #rec539488705').addClass('ten');//перечисли id блоков, которые фильтруются по кнопке, название класса добавь в кнопку
    // var filterEleven = $('#rec000000000, #rec000000000, #rec000000000, #rec000000000').addClass('eleven'); и так далее можно
    //классы и переменные можешь придумывать произвольные, я просто дал числовой порядок для понимания
    var myButton = $('.uc-anku-me606 .t976__list-item a');//тут ссылка на меню 606, дай ему класс uc-anku-me606 / можешь юзать и зеро блок
    var elem = $(".uc-elem");//каждому блоку, который фильтруется дай этот класс
    $(elem).addClass('active_filter');
    //функция ниже считает активные блоки и передает цифру в текстовый элемент в зеро блоке с классом count
    //можно передавать и текст типа $('.count .tn-atom').text('найдено '+count+' элемента');
    //в любой блок / текстовый селектор и тп
    function sort () {
        var count = document.querySelectorAll('.active_filter').length;
        $('.count .tn-atom').text(count);
    }
    sort();// инитим функцию подсчета при загрузке страницы
    $(myButton).click(function(e){
        e.preventDefault();
        var value = $(this).attr("href");// забираем из ссылки в меню название класса / one / two т ид
        if(value == "all"){ //если значение all
            $(elem).show().addClass('active_filter'); // то показываем все блоки и присваиваем всем класс active_filter, чтобы посчитать кол-во
        }
        else{//если условие all не выполнено
            $(elem).not("."+value).hide().removeClass('active_filter');//то элементы с классом не совпадающем с текстом в ссылке кнопки скрываются и убирается класс active_filter
            $(elem).filter("."+value).show().addClass('active_filter');//то элементы с классом совпадающем с текстом в ссылке кнопки отображаются и добавляется класс active_filter
        }
        sort();// инитим функцию подсчета при клике на фильтр и перезаписываем значение
    });

})
</script>
<style>

</style>


Заказать обучение
почитать подробности
Заказать обучение
Заказать обучение
Заказать обучение
почитать подробности
Заказать обучение
Заказать обучение
Заказать обучение
Заказать обучение
Заказать обучение
Заказать обучение
Заказать обучение
Заказать обучение
Заказать обучение
Заказать обучение
Заказать обучение
Заказать обучение