質問編集履歴

2

編集しました。

2016/10/03 06:45

投稿

aba623ky
aba623ky

スコア63

test CHANGED
File without changes
test CHANGED
@@ -9,6 +9,10 @@
9
9
 
10
10
 
11
11
  ラジオボタンを実装しましたが、下のようになりました。
12
+
13
+ ラジオボタンで表示非表示にしたかったのですが、そうなりませんでした。
14
+
15
+
12
16
 
13
17
  ![イメージ説明](bae73a07410b6acd5ebb78e3b7840a34.png)
14
18
 

1

質問文を編集します。

2016/10/03 06:45

投稿

aba623ky
aba623ky

スコア63

test CHANGED
File without changes
test CHANGED
@@ -4,59 +4,61 @@
4
4
 
5
5
  説明不足ですみません。
6
6
 
7
- <style>
8
7
 
9
- td.nav table {
10
8
 
11
- display:none;
12
9
 
13
- }
14
10
 
15
- td.nav:hover table {
11
+ ラジオボタンを実装しましたが、下のようになりました。
16
12
 
17
- display:block;
13
+ ![イメージ説明](bae73a07410b6acd5ebb78e3b7840a34.png)
18
14
 
19
- }
20
15
 
21
- td.nav a {
22
16
 
23
- padding:10px;
17
+ 全体のコードを提示します。
24
18
 
25
- display:block;
26
19
 
27
- color:#fff;
28
20
 
29
- text-align:center;
21
+ ```html
30
22
 
31
- text-decoration:none;
23
+ echo '<table border="1">';
32
24
 
33
- }
25
+ echo '<tbody>';
34
26
 
35
- td.nav:hover a {
36
-
37
- background-color:#666;
38
-
39
- }
40
-
41
- td.nav:hover a:hover {
42
-
43
- background-color:#ccc;
44
-
45
- }
46
-
47
- </style>
48
-
49
- echo '<tr>';
27
+ echo '<tr>';
50
28
 
51
29
  echo '<td class="nav">';
52
30
 
53
- echo '<a href="#">';
31
+ echo '<input type="radio" name="ch" id="ch0" class="menu" checked>';
54
32
 
55
- echo 'メニュー';
33
+ echo '<input type="radio" name="ch" id="ch1" class="menu">';
56
34
 
57
- echo '</a>';
35
+ echo '<table border="1">';
58
36
 
59
- echo '<table>';
37
+ echo '<thead>';
38
+
39
+ echo '<tr>';
40
+
41
+ echo '<td>';
42
+
43
+ echo '<label for="ch2" class="show">';
44
+
45
+ echo 'menu2';
46
+
47
+ echo '</label>';
48
+
49
+ echo '<label for="ch0" class="hide">';
50
+
51
+ echo 'menu2';
52
+
53
+ echo '</label>';
54
+
55
+ echo '</td>';
56
+
57
+ echo '</tr>';
58
+
59
+ echo '</thead>';
60
+
61
+ echo '<tbody>';
60
62
 
61
63
  echo '<tr>';
62
64
 
@@ -78,6 +80,18 @@
78
80
 
79
81
  echo '</tr>';
80
82
 
83
+ echo '</tbody>';
84
+
81
- echo '</table>';
85
+ echo '</table>';
86
+
87
+ echo '</td>';
88
+
89
+ echo '</tr>';
90
+
91
+ echo '</tbody>';
82
92
 
83
93
  echo '</table>';
94
+
95
+
96
+
97
+ ```