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 >