Создание элементов при загрузке страницы
 

Добрый день,

Прошу подсказать -

имеется конфигуратор на сайте, который подгружает активные элементы по клику на них. Так же убирает, при смене конфигурации. Как возможно реализовать загрузку DOM с уже установленными вкладками по умолчанию?

В нашем случае - Жесткий диск - Базовая комплектация.
http://aliengear.ru/aliengear_complete_by_amd_1/

this.form.find(".services .service-variants").on('change', function () {
        
        var w = (parseInt($(this).parent().find('.radio__text i').html()))*10
        var sv = $(this).data('sv');
        
        $('.sv'+sv).find('.scrol').css('width',w + '%')
        $('.sv'+sv).find('.proc i').html(w)
        
        if($(this).parent().find('.radio__text s').text()){ 
            var im =  $(this).parent().find('.radio__text s').html();
            
            $('.s-img .si-' + sv).html('<div class="usl_txt">'+ im + '</div>');



            
            $('.s-img .si-' + sv).css('margin-right', '10px');
                        $('.s-img .si-' + sv).css('margin-top', '10px');

           
            $('.s-img .si-' + sv).css('width', '120px');
            
        }
        else{
            $('.s-img .si-' + sv).html('');
            $('.s-img .si-' + sv).css('border-color','#000');
            $('.s-img .si-' + sv).css('margin-right', '0px');
            $('.s-img .si-' + sv).css('padding', '0px');
            $('.s-img .si-' + sv).css('width', '0px');
        }
        
        self.cartButtonVisibility(true);
        self.updatePrice();
        
    });

Перенести в разметке атрибут checked на нужный input radio.

Эту портянку можно так переписать:

$('.s-img .si-' + sv).empty().css({
    'border-color': '#000',
    'margin-right': 0,
    'padding': 0,
    'width': 0
});

Как понимаю, по умолчанию checked="checked" уже стоит

Sviside,

$('.service-variants').eq(0).change();

Ну поменяйте ручками на сервере, если не получится, то можно и так:

$('.service-variants')
.eq(02).click().end()
.eq(07).click().end()
.eq(10).click().end()
.eq(12).click().end()
.eq(14).click().end()
.eq(16).click().end()
.eq(19).click().end()
.eq(21).click().end()

Большое всем спасибо, последние 2 варианта помогли

Немного измененный код Rise:

let $items = $('.service-variants'),
    indexes = [2, 7, 10, 12, 14, 16, 19, 21];

indexes.forEach(function(i) {
    $items.eq(i).click();
});