Есть небольшой AJAX который при нажатии на кнопку открывает блок AJAX Код (Javascript): $(function() { $("#" + $(".radio:checked").val()).show(); $(".radio").change(function(){ $(".radio-blocks").hide(); $("#" + $(this).val()).show(); }); }); Вот кнопка данного скрипта HTML: <label class="radio-control"> <input id="radio-1" class="radio" type="radio" name="radioname" value="radio-block-1" /> <span class="radio-input"> <img src="/test.png" /> <span>Тест</span> </span> </label> А вот сам блок который открывает скрипт и кнопка: HTML: <div id="radio-block-1" class="radio-blocks" style="display:none">Вы открыли Test</div> Может кто пожалуйста дописать код, что бы когда нажал на кнопку то блок открылся а кнопка спряталась
Код (Javascript): $(document).on('change', '[name="radioname"]', function (e){ let $this = $(e.target); $('#'+$this.val()).show(); $this.closest('label').hide() });
Мой вариант: Код (Javascript): $(function() { $("#radio-1").change(function(){ $("#radio-block-1").slideToggle(1000); $("#radio-1").slideToggle(1000); }); });