jQuery «toggleClass» работает только для первой выбранной опции только в поле выбора

Question

У меня есть поле выбора, каждый параметр в окне выбора содержит те же данные, основной ul с основным li, который содержит суб ul, который работает при нажатии ... если я выбираю параметр, то на функция щелчка работает в нем, переключая класс ... но если я выбираю другую опцию без refre sh, то переключение, которое должно произойти при нажатии, не происходит.

$(document).on('click','.main-li', function(){
    var topics = data;
    var sectionId = $(this).attr('data-id');
    console.log(select.value);
    $.get('{{ GET_ILOS }}/'+select.value+'/'+sectionId, function(data){
        console.log(data);
        $.each(JSON.parse(data), function( key, value ) {
            var Input = '<li class="sub-li" data-id="'+value.id+'"  id="btn-li"> "'+value.name+'" </li>';
            $('#sub-'+value.section_id).children().remove();
            $('#sub-'+value.section_id).append(Input);
            Input = '';
        });
    }); 


    $(this).find('.sub-ul').toggleClass('show');
    $(this).siblings().children('ul').removeClass('show') 

});

, но если я изменил эта строка

$(this).find('.sub-ul').toggleClass('show');

до

$(this).find('.sub-ul').addClass('show');

работает хорошо!

как я могу заставить этот код работать с toggleClass, а не addClass?

известны что код jQuery хорошо работает с toggleClass в режиме stati c, но не работает при преобразовании кода в динамический c