質問編集履歴

2

訂正

2020/09/12 23:43

投稿

aze
aze

スコア1

test CHANGED
File without changes
test CHANGED
@@ -18,17 +18,13 @@
18
18
 
19
19
 
20
20
 
21
-
22
-
23
-
24
-
25
21
  ### 該当のソースコード
26
22
 
27
23
 
28
24
 
29
25
 
30
26
 
31
- ```CSS
27
+ ```HTML
32
28
 
33
29
  <style>
34
30
 
@@ -182,122 +178,112 @@
182
178
 
183
179
  </style>
184
180
 
181
+
182
+
183
+ <div style="background-color:blue;width:100%;height:100%">
184
+
185
+
186
+
187
+ <details open id="d1" style="margin-left:20%;width:20%;height:100%;float:left">
188
+
189
+ <summary style="height:5%" onclick="d2.removeAttribute('open');d3.removeAttribute('open');d4.removeAttribute('open')">Menu1</summary>
190
+
191
+ <div class="details-content" style="height:95%;width:100%">
192
+
193
+ <div style="background-color:red;margin-left:-100%;width:500%;height:100%">
194
+
195
+ <div style="width:100%;height:25%;" class="hover_color">sample</div>
196
+
197
+ <div style="width:100%;height:25%;" class="hover_color">sample</div>
198
+
199
+ <div style="width:100%;height:25%;" class="hover_color">sample</div>
200
+
201
+ <div style="width:100%;height:25%;" class="hover_color">sample</div>
202
+
203
+ </div>
204
+
205
+ </div>
206
+
207
+ </details>
208
+
209
+
210
+
211
+
212
+
213
+ <details id="d2" style="width:20%;height:100%;float:left">
214
+
215
+ <summary style="height:5%" onclick="d1.removeAttribute('open');d3.removeAttribute('open');d4.removeAttribute('open')">Menu2</summary>
216
+
217
+ <div class="details-content" style="height:95%;width:100%">
218
+
219
+ <div style="background-color:green;margin-left:-200%;width:500%;height:100%">
220
+
221
+ <div style="width:100%;height:25%;" class="hover_color">sample</div>
222
+
223
+ <div style="width:100%;height:25%;" class="hover_color">sample</div>
224
+
225
+ <div style="width:100%;height:25%;" class="hover_color">sample</div>
226
+
227
+ <div style="width:100%;height:25%;" class="hover_color">sample</div>
228
+
229
+ </div>
230
+
231
+ </div>
232
+
233
+ </details>
234
+
235
+
236
+
237
+
238
+
239
+ <details id="d3" style="width:20%;height:100%;float:left">
240
+
241
+ <summary style="height:5%" onclick="d1.removeAttribute('open');d2.removeAttribute('open');d4.removeAttribute('open')">Menu3</summary>
242
+
243
+ <div class="details-content" style="height:100%;width:100%">
244
+
245
+ <div style="background-color:blue;margin-left:-300%;width:500%;height:100%">
246
+
247
+ <div style="width:100%;height:25%;" class="hover_color">sample</div>
248
+
249
+ <div style="width:100%;height:25%;" class="hover_color">sample</div>
250
+
251
+ <div style="width:100%;height:25%;" class="hover_color">sample</div>
252
+
253
+ <div style="width:100%;height:25%;" class="hover_color">sample</div>
254
+
255
+ </div>
256
+
257
+ </div>
258
+
259
+ </details>
260
+
261
+
262
+
263
+
264
+
265
+ <details id="d4" style="width:20%;height:100%;float:left">
266
+
267
+ <summary style="height:5%" onclick="d1.removeAttribute('open');d2.removeAttribute('open');d3.removeAttribute('open')">Menu4</summary>
268
+
269
+ <div class="details-content" style="height:100%;width:100%">
270
+
271
+ <div style="background-color:yellow;margin-left:-400%;width:500%;height:100%">
272
+
273
+ <div style="width:100%;height:25%;" class="hover_color">sample</div>
274
+
275
+ <div style="width:100%;height:25%;" class="hover_color">sample</div>
276
+
277
+ <div style="width:100%;height:25%;" class="hover_color">sample</div>
278
+
279
+ <div style="width:100%;height:25%;" class="hover_color">sample</div>
280
+
281
+ </div>
282
+
283
+ </div>
284
+
285
+ </details>
286
+
287
+
288
+
185
289
  ```
186
-
187
-
188
-
189
- ### 該当のソースコード
190
-
191
-
192
-
193
-
194
-
195
- ```HTML
196
-
197
- <div style="background-color:blue;width:100%;height:100%">
198
-
199
-
200
-
201
- <details open id="d1" style="margin-left:20%;width:20%;height:100%;float:left">
202
-
203
- <summary style="height:5%" onclick="d2.removeAttribute('open');d3.removeAttribute('open');d4.removeAttribute('open')">Menu1</summary>
204
-
205
- <div class="details-content" style="height:95%;width:100%">
206
-
207
- <div style="background-color:red;margin-left:-100%;width:500%;height:100%">
208
-
209
- <div style="width:100%;height:25%;" class="hover_color">sample</div>
210
-
211
- <div style="width:100%;height:25%;" class="hover_color">sample</div>
212
-
213
- <div style="width:100%;height:25%;" class="hover_color">sample</div>
214
-
215
- <div style="width:100%;height:25%;" class="hover_color">sample</div>
216
-
217
- </div>
218
-
219
- </div>
220
-
221
- </details>
222
-
223
-
224
-
225
-
226
-
227
- <details id="d2" style="width:20%;height:100%;float:left">
228
-
229
- <summary style="height:5%" onclick="d1.removeAttribute('open');d3.removeAttribute('open');d4.removeAttribute('open')">Menu2</summary>
230
-
231
- <div class="details-content" style="height:95%;width:100%">
232
-
233
- <div style="background-color:green;margin-left:-200%;width:500%;height:100%">
234
-
235
- <div style="width:100%;height:25%;" class="hover_color">sample</div>
236
-
237
- <div style="width:100%;height:25%;" class="hover_color">sample</div>
238
-
239
- <div style="width:100%;height:25%;" class="hover_color">sample</div>
240
-
241
- <div style="width:100%;height:25%;" class="hover_color">sample</div>
242
-
243
- </div>
244
-
245
- </div>
246
-
247
- </details>
248
-
249
-
250
-
251
-
252
-
253
- <details id="d3" style="width:20%;height:100%;float:left">
254
-
255
- <summary style="height:5%" onclick="d1.removeAttribute('open');d2.removeAttribute('open');d4.removeAttribute('open')">Menu3</summary>
256
-
257
- <div class="details-content" style="height:100%;width:100%">
258
-
259
- <div style="background-color:blue;margin-left:-300%;width:500%;height:100%">
260
-
261
- <div style="width:100%;height:25%;" class="hover_color">sample</div>
262
-
263
- <div style="width:100%;height:25%;" class="hover_color">sample</div>
264
-
265
- <div style="width:100%;height:25%;" class="hover_color">sample</div>
266
-
267
- <div style="width:100%;height:25%;" class="hover_color">sample</div>
268
-
269
- </div>
270
-
271
- </div>
272
-
273
- </details>
274
-
275
-
276
-
277
-
278
-
279
- <details id="d4" style="width:20%;height:100%;float:left">
280
-
281
- <summary style="height:5%" onclick="d1.removeAttribute('open');d2.removeAttribute('open');d3.removeAttribute('open')">Menu4</summary>
282
-
283
- <div class="details-content" style="height:100%;width:100%">
284
-
285
- <div style="background-color:yellow;margin-left:-400%;width:500%;height:100%">
286
-
287
- <div style="width:100%;height:25%;" class="hover_color">sample</div>
288
-
289
- <div style="width:100%;height:25%;" class="hover_color">sample</div>
290
-
291
- <div style="width:100%;height:25%;" class="hover_color">sample</div>
292
-
293
- <div style="width:100%;height:25%;" class="hover_color">sample</div>
294
-
295
- </div>
296
-
297
- </div>
298
-
299
- </details>
300
-
301
-
302
-
303
- ```

1

訂正

2020/09/12 23:43

投稿

aze
aze

スコア1

test CHANGED
File without changes
test CHANGED
File without changes