Помощь с JS и HTML

[b272]

Вем привет. Хочу сделать выдвигающейся меню по кнопке, а в нутри его радио-кнопки. Таких блоков с выдвижным меню, я хочу создать несколько. Но при открытии второго или третьего блока, открывается 1. Выдвижное меню работает через JS.  Помогите поправить. 

JS:

$('.toggle').click(function(e) {

e.preventDefault();

 

var $this = $(this);

 

if ($this.next().hasClass('show')) {

$this.next().removeClass('show');

$this.next().slideUp(350);

} else {

$this.parent().parent().find('li .inner').removeClass('show');

$this.parent().parent().find('li .inner').slideUp(350);

$this.next().toggleClass('show');

$this.next().slideToggle(350);

}

});

 

$('.type_body_active').slideDown( "slow", function() {});

$('input[name=select]').click(function(){

$('.type_body_active').slideUp("slow", function() {});

$('.type_body_active').on('removeClass','type_body_active');

$(this).closest('.type').find('.type_body').addClass('type_body_active');

$('.type_body_active').slideDown( "slow", function() {});

$('.type #price').text('Select entry & days');

})

 

$('[name ^= days]').change(function(){

$(this).closest('.row').find('[name ^= entry]').prop('checked', true);

$('.type #price').text('$' + $(this).val());

})

 

$('[name ^= entry]').change(function(){

$('[name ^= days]').prop('checked', false);

$('#price').text('Select days');

})

///////////////////////

html:

<section class="type">

            <div class="type_title">

                <div class="left-cor">

                   <div class="row type_body_row">

                    <div class="radio-label">

                        <input type="radio" name="entry1" value="1" id="single1">

                        <label for="single1">Multiple entry</label>

                    </div>

                    <span>30 days</span>

                    <div class="radio-column">

                        <div class="radio-label">

                            <input type="radio" name="days1" value="510" id="tdays1">

                            <label for="tdays1">2 days</label>

                        </div>

                        <div class="radio-label">

                            <input type="radio" name="days1" value="400" id="fdays1">

                            <label for="fdays1">4 days</label>

                        </div>

                        <div class="radio-label">

                            <input type="radio" name="days1" value="280" id="twdays1">

                            <label for="twdays1">12 days</label>

                        </div>

                    </div>

                    <div class="col type_body_col">

                        <span>$510</span>

                        <span>$400</span>

                        <span>$280</span>

                    </div>

                </div>

                <br>

                <div class="row type_body_row" style="height: 123px;">

                    <span style="color: #b2181e; padding-left: 60px;"><b>4 business day processing selected</b> </span>

                    <span style=" padding-left: 60px;">Total price: </span>

                    <h3 id="price"><b>Select entry &amp; days</b></h3>

                    <button id="lab">CONTINUE</button>

                </div>

           </div>

        </div>

<section >

<section class="type">

            <div class="type_title">

                <div class="left-cor">

                   <div class="row type_body_row">

                    <div class="radio-label">

                        <input type="radio" name="entry1" value="1" id="single1">

                        <label for="single1">Multiple entry</label>

                    </div>

                    <span>30 days</span>

                    <div class="radio-column">

                        <div class="radio-label">

                            <input type="radio" name="days1" value="510" id="tdays1">

                            <label for="tdays1">2 days</label>

                        </div>

                        <div class="radio-label">

                            <input type="radio" name="days1" value="400" id="fdays1">

                            <label for="fdays1">4 days</label>

                        </div>

                        <div class="radio-label">

                            <input type="radio" name="days1" value="280" id="twdays1">

                            <label for="twdays1">12 days</label>

                        </div>

                    </div>

                    <div class="col type_body_col">

                        <span>$510</span>

                        <span>$400</span>

                        <span>$280</span>

                    </div>

                </div>

                <br>

                <div class="row type_body_row" style="height: 123px;">

                    <span style="color: #b2181e; padding-left: 60px;"><b>4 business day processing selected</b> </span>

                    <span style=" padding-left: 60px;">Total price: </span>

                    <h3 id="price"><b>Select entry &amp; days</b></h3>

                    <button id="lab">CONTINUE</button>

                </div>

           </div>

        </div>

<section >

[Int]

Вижу как минимум <section> вместо </section>
По скриншоту дебажить очень трудно, хорошо бы код закинуть куда-нибудь на playcode.io и добавить отступы в JS.
Да и пустые функции, которые ничего не делают, лёгкости чтению не придают.