回答編集履歴
2
table要素でもできなくはないが、不都合が出る旨を追記
answer
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
サンプルの掲示はいたしません。
|
|
3
3
|
（本質問は、自身で書いたコードの記載がない、丸投げ作業依頼系質問だと思うからです）
|
|
4
4
|
|
|
5
|
-
まず、table要素を使う以上、JavaScriptレスで、クリックアクションによって表示非表示は実現できないので、
|
|
5
|
+
まず、table要素を使う以上、JavaScriptレスで、クリックアクションによって表示非表示は実現できないので、（できなくないとは思うが、表示が難しかったり、HTMLの文法違反や正しくレンダリングされるものにならない）
|
|
6
6
|
CSSにて、table要素と同じ表示を実現したうえで、
|
|
7
7
|
（`display: table;`と、`display: table-cell;`をうまく使い、divなどにそれを当てて、表示上、table要素と同じ表示にする）
|
|
8
8
|
`<input type="checkbox">`と、`input:checked + 表示させたい要素セレクタ`の技法を使われるといいでしょう。
|
1
文章の前後が正しくなかったので修正
answer
CHANGED
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
（本質問は、自身で書いたコードの記載がない、丸投げ作業依頼系質問だと思うからです）
|
|
4
4
|
|
|
5
5
|
まず、table要素を使う以上、JavaScriptレスで、クリックアクションによって表示非表示は実現できないので、
|
|
6
|
+
CSSにて、table要素と同じ表示を実現したうえで、
|
|
6
7
|
（`display: table;`と、`display: table-cell;`をうまく使い、divなどにそれを当てて、表示上、table要素と同じ表示にする）
|
|
7
|
-
CSSにて、table要素と同じ表示を実現したうえで、
|
|
8
8
|
`<input type="checkbox">`と、`input:checked + 表示させたい要素セレクタ`の技法を使われるといいでしょう。
|
|
9
9
|
|
|
10
10
|
細かいやり方や、サンプルはご自分でお探しください。
|