Здравствуйте. Подскажите пожалуйста как по клику на label показать блок?
Нужно чтобы по клику на label for="legal-2" появлялся блок id="file", а по клику на label for="legal-1" снова скрывался
<div class="order__form-contacts">
<div class="order__form-label">
<div class="order-radio">
<label for="legal-1">
<input type="radio" name="legal-status" value="1" id="legal-1" checked>
<span>Физическое лицо</span>
</label>
</div>
<div class="order-radio">
<label for="legal-2">
<input type="radio" name="legal-status" value="2" id="legal-2">
<span>Юридическое лицо</span>
</label>
</div>
</div>
<div class="order__form-file" id="file" style="display: none;">
<label class="order__form-file--file">
Прикрепить файл с реквизитами
<input type="file" multiple>
</label>
</div>
</div>
Мои костыли:
$("input[name='legal-status']").click(function () {
$('#file').css('display', ($(this).val() === '2') ? 'block':'none');
});