Как показать/скрыть input по клику?

Здравствуйте. Подскажите пожалуйста как по клику на 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');
	});