【jQuery】セレクトボックスの選択肢によって表示を切り替えるboxを作る

<div class="l-wrap">
  <div>
    <label>項目名</label>
    <select class="js-form-disp-switch" name="" data-switchvalue="swicthvalue" data-target=".js-form-disp-tgt">
      <option value="" disabled="" selected="" style="display:none;">選択してください</option>
      <option value="">選択肢1</option>
      <option value="">選択肢2</option>
      <option value="swicthvalue">表示切り替え選択肢</option>
    </select>
  </div>

  <div class="js-form-disp-tgt" style="display:none;">
    <label for="f-input-other">「表示切り替え選択肢」が選ばれましたので表示しますね</label>
    <input type="text" name="" value="" size="70" class="js-form-disp-input" id="f-input-other" placeholder="「表示切り替え選択肢」以外に切り替えるとここの値が空になります">
  </div>
</div>

$(function() {
	$('.js-form-disp-switch').change(function () {
	});
});

$(function() {
	$('.js-form-disp-switch').change(function () {
		let selectVal = $(this).val();//何を選んだのか
		let switchVal = $(this).data('switchvalue');//切り替え対象になる値は何か
		let hideTgt = $(this).data('target');//表示非表示を切り替える要素
		let targetInput = $(hideTgt).find('.js-form-disp-input');//表示非表示を切り替える要素のなかのinput
	});
});

$(function() {
	$('.js-form-disp-switch').change(function () {
		let selectVal = $(this).val();
		let switchVal = $(this).data('switchvalue');
		let hideTgt = $(this).data('target');
		let targetInput = $(hideTgt).find('.js-form-disp-input');
		if ( selectVal == switchVal ) {//もし選択した項目が切り替え用の値と同じだったら
			$(hideTgt).slideDown();//表示非表示を切り替える要素を表示する
		} else {//違ったら
			$(hideTgt).slideUp();//また隠す
			targetInput.val('');//子のinputの値を空にする
		}
	});
});