Lorem ipsum

Skytí ostatních doprav / plateb po zvolení + toggle

CSS

#order-shipping-methods, #order-billing-methods {display:flex;flex-direction:column;}
.option_selected.shipping-billing-table .radio-wrapper.active {
background: #f3713924;
border: solid 2px var(--color-secondary);
}
.option_selected.shipping-billing-table .radio-wrapper:not(.active) {display: none;}
.shipping_toggle {
margin-left: auto;
font-size: 18px;
font-weight: 500;
text-decoration: underline;
text-underline-offset: 4px;
padding: 0 24px;
cursor:pointer;
}
.shipping_toggle:hover {color: var(--color-secondary);text-decoration: none;}
.shipping_toggle + .shipping_toggle {display: none;}
.ordering-process #content-wrapper {
max-width: 1920px;
margin: 0 auto;
}
.radio-wrapper input[type=radio]+label {
padding: 20px 20px 20px 40px;
}
.shipping-billing-table input[type=checkbox]+label:before, .shipping-billing-table input[type=radio]+label:before {
left: 15px;
}
.shipping-billing-table input[type=checkbox]:checked+label:after, .shipping-billing-table input[type=radio]:checked+label:after {
left: 19px;
}
.shkRecapImgExtension {
width: 100px;
margin-right: 10px;
}

Skripty

<script>$(document).ready(function() { $('.shipping-billing-table').click(function() { var wrapperElement = $(this); var previousElement = wrapperElement.prev(); wrapperElement.addClass('option_selected'); previousElement.append('<span class="shipping_toggle">Změnit typ</span>');  });
$(document).on('click', '.shipping_toggle', function() {        $(this).parent().next().removeClass('option_selected');        $(this).remove();  });});</script>