【jQuery】ラジオボタンのidを取得して特定のボタンを選択した場合に要素を表示させたいです。

jQueryで、ラジオボタンのidを取得して特定のボタン（下記ID.204の方）を選択した場合に要素を表示させたいです。
フォームを入力し確認画面に遷移した後、戻って編集したい場合に、下記のコードが発動しているために、ID.204をチェックしている状態でも非表示になってしまいます。

// 初期表示を非表示にする
$('#credit_payment').hide();

こちらを「読み込み時に（下記ID.3）の方を選択されていたら」という条件を加えてhide()を実行する、という風に書き替えたいのですが、行き詰ってしまいました。。
どなたかお知恵を貸していただけないでしょうか。（jQueryを使わない方法でも実装できれば問題ないです）
よろしくお願いします。


### 該当のソースコード

```ここに言語名を入力
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
    $(document).ready(function(){

　// 初期表示を非表示にする
    $('#credit_payment').hide();
    
    });
    
    $('[id="jp.co.interfactory.util.httpKESSAI_ID.204"]').change(function() {
		// 表示する
		$("#credit_payment").show();
	});
    
	$('[id="jp.co.interfactory.util.httpKESSAI_ID.3"]').change(function() {
		// 非表示にする
		$("#credit_payment").hide();
	});
</script>

行動規範の内容に同意します

回答1件

ベストアンサー

HTML次第ですね、ID204とID３の関係性がわかりませんのでなんとも言えません

javascript
1<script>
2$(function(){
3  $(':radio').on('change',function() {
4    $("#credit_payment").toggle($('[id="jp.co.interfactory.util.httpKESSAI_ID.204"]').prop('checked'));
5  }).eq(0).trigger('change');
6});
7</script>
8<label><input type="radio" name="hoge">test</label>
9<label><input type="radio" name="hoge" id="jp.co.interfactory.util.httpKESSAI_ID.204">ID204</label>
10<div id="credit_payment">here</div>