特定のラジオボタンにチェックをしたら他の項目を表示/非表示にするjQueryを書きました。一応動くのですが、見ての通り頭悪い書き方になってしまいました。さらに出来れば、「show('slow')」の左上からニョキニョキ出るアニメーションではなく、slideToggleの様なフェードかかった上から現れるようなアニメーションにしたいのですが、お知恵をお貸しください。一応動いてるので（動きはアレですが）、のんびりご回答をお待ちしております。（WordpressのContactForm7のため、HTMLは汚くなっています。ご了承ください。） ```javascript $("input[name='radio-320']").change(function() { var radioJoin = $("input[name='radio-320']:checked").val() == "出席"; var radioNotjoin = $("input[name='radio-320']:checked").val() == "欠席"; if (radioJoin) { $(".with-option.parent01").show('slow'); } else if (radioNotjoin) { $(".with-option.parent01").hide('slow'); } }); $("input[name='radio-321']").change(function() { var radioJoin = $("input[name='radio-321']:checked").val() == "出席"; var radioNotjoin = $("input[name='radio-321']:checked").val() == "欠席"; if (radioJoin) { $(".with-option.parent02").show('slow'); } else if (radioNotjoin) { $(".with-option.parent02").hide('slow'); } }); ``` ```html

出席欠席

同席者がいる場合、年齢と人数を入力してください

```

	@@ -1,1 +1,1 @@
1	- ~~（コード~~を綺麗にしたい~~）特定のラジオボタンにチェックを~~し~~たら他の項目を使用可能/禁止にする~~
1	+ jQueryをもっとスマートにかけないでしょうか。

質問編集履歴