сделать ajax вызов после удаления элемента из dom - jquery

Question

, когда я нажимаю .main-li, я удаляю все элементы .sub-ul, но когда я многократно нажимаю на кнопку, удаление выполняется, тогда ajax выполняется вызов.

$(document).on('click','.main-li', function(){
    if($(this).children('ul').children('li').remove()){
        var topics = data;
        var sectionId = $(this).attr('data-id');
        $.get('{{ GET_ILOS }}/'+select.value+'/'+sectionId, function(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).append(Input);
                Input = '';
            });

        });

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

});