Правильная работа radio для нескольких форм?

Question

[zmicierok]

На сайте реализована возможность скачивания текстовых файлов нескольких форматов. Небольшой блок с формой radio-кнопок (стилизация плагином ICheck) и кнопками "Скачать". По умолчанию отмечена первая radio-кнопка типа файлов и показывается соответственно кнопка "Скачать" для этого типа файлов, при выборе другого типа файлов - должна показыватся кнопка для данного типа. Когда на странице только одна форма, код, приведенный ниже, работает хорошо, но когда много форм - работает только с текущей формой, у других форм кнопка "Скачать" прячется. .next() или .parent() не хотят работать.

<div class="main-item-custom-form">
	<input type="radio" name="iCheck_768" id="PDF" value="1336"> <label>PDF</label>
	<input type="radio" name="iCheck_768" id="EPUB" value="2961"> <label>EPUB</label>
</div>
<div class="free-buttons">
    <div id="good-1336" class="down_goods" style="display:none;"><a href="/download_file/item/1336" class="btn btn-block btn-default"><i class="fa fa-download"></i>Скачать (233.14 kB)</a></div>
    <div id="good-2961" class="down_goods" style="display:none;"><a href="/download_file/item/2961" class="btn btn-block btn-default"><i class="fa fa-download"></i>Скачать (776.96 kB)</a></div>
</div>

$('.main-item-custom-form .iradio_square:first-child').addClass('checked');
        $('.free-buttons .down_goods:first-child').removeAttr('style');
        $('[name^=iCheck_]').on('ifClicked', function (e) {
        	e.preventDefault();
	    $('.down_goods').hide();
            $("#good-"+$(this).val()).show();      
	    });

Answer 1

[Виталий Инчин ☢]

$('[name^=iCheck_]').on('ifClicked', function (e) {
     e.preventDefault();
     $(this).closest(".col-md-4").find('.down_goods').hide();
      $("#good-"+$(this).val()).show(
 });

Comments

[zmicierok]

Спасибо!