回答編集履歴

1

情報の追加。

2017/04/13 17:18

投稿

kei344
kei344

スコア69364

test CHANGED
@@ -73,3 +73,57 @@
73
73
  $( '.checked-show' ).hide();
74
74
 
75
75
  ```**動くサンプル:**[https://jsfiddle.net/hrr3bmtf/](https://jsfiddle.net/hrr3bmtf/)
76
+
77
+
78
+
79
+ ---
80
+
81
+
82
+
83
+ CSS版。
84
+
85
+
86
+
87
+ ```HTML
88
+
89
+ <div class="test">
90
+
91
+ <input type="radio" name="radio" id="radio1"><label for="radio1">ラジオ1</label>
92
+
93
+ <div class="checked-show">
94
+
95
+ <p>サンプルテキスト</p>
96
+
97
+ </div>
98
+
99
+ </div>
100
+
101
+ <div class="test">
102
+
103
+ <input type="radio" name="radio" id="radio2"><label for="radio2">ラジオ2</label>
104
+
105
+ <div class="checked-show">
106
+
107
+ <p>サンプルテキスト</p>
108
+
109
+ </div>
110
+
111
+ </div>
112
+
113
+ ```
114
+
115
+ ```CSS
116
+
117
+ .checked-show {
118
+
119
+ display: none;
120
+
121
+ }
122
+
123
+ [name="radio"]:checked + label + .checked-show {
124
+
125
+ display: block;
126
+
127
+ }
128
+
129
+ ```**動くサンプル:**[https://jsfiddle.net/ffyozfxz/](https://jsfiddle.net/ffyozfxz/)