JSFiddle - React, Tailwind, and code Playground
HTML
<div class="delivery-or-pickup"><!-- cart-delivery delivery or pickup-->
<div class="col-md-6 no-padding">
<div class="ca-d__choice-delivery">
<label for="ca-d__delivery">
<input class="checkbox" type="radio" id="ca-d__delivery" name="name" >
<span class="checkbox-custom"></span>
<span class="b-f__label ca-d__label ca-d__delivery-label">Оформить доставку</span>
</label>
<label for="ca-d__pickup">
<input class="checkbox" type="radio" id="ca-d__pickup" name="name" checked="checked" >
<span class="checkbox-custom"></span>
<span class="b-f__label ca-d__label ca-d__delivery-label">Самовывоз</span>
</label>
</div>
</div>
</div><!--finish cart-delivery delivery or pickup-->
<div class="ca-d__delivery-explanation">
<div class="col-md-7 no-padding">
<p>Укажите адрес доставки:</p>
</div>
</div>
<div class="ca-d__delivery-explanation">
<div class="col-md-7 no-padding">
<p>Выберите ресторан, из которого Вы самостоятельно заберете заказ:</p>
</div>
</div>
<div class="ca-d__map"><!--cart-delivery map -->
<div id="map" class="map"></div>
</div><!--finish cart-delivery map -->
<div class="col-md-10 col-md-offset-1">
<div class="ab-p__form--wrap ab-p__form--bottom-wrap ab-p__form-delivery--wrap">
<div class="ca-d__delivery-address"><!--cart-delivery delivery-address -->
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-3">
<div class="input-group">
<select name="name" id="district" size="1">
<option selected value="Район"> Район </option>
<option value="Адмиралтейский район">Адмиралтейский район</option>
<option...
JavaScript
$(function() {
var d = $(".ca-d__choice-delivery label"),
a = $("div.ab-p__form--wrap");
d.each(function(c, b) {
$(b).on("click", function() {
a.stop().not(a.eq(c)).slideUp(function() {
a.eq(c).slideDown()
})
});
$("input", b).is(":checked") && $(b).click()
})
});