collapse

app.css

@@ -1,5 +1,5 @@
 body,html {
-	height:100%;
+	padding-bottom:2em;
 }
 ul {
 	padding:0;
@@ -33,3 +33,6 @@ button, input {
 form {
 	margin: 1em 0 0 0;
 }
+summary {
+	padding: 1em;
+}

index.html

@@ -11,15 +11,17 @@
 	<ul></ul>
 	<template>
 		<li draggable="true">
-			<h2>placeholder</h2>
-			<ul></ul>
-			<button class="add">Add</button>
-			<button class="delete">Delete</button>
-			<form>
-				<input typ="text" placeholder="new value"/>
-				<input type="submit" value="Update"/>
-				<input type="reset" value="Reset"/>
-			</form>
+			<details>
+				<summary>placeholder</summary>
+				<ul></ul>
+				<button class="add">Add</button>
+				<button class="delete">Delete</button>
+				<form>
+					<input typ="text" placeholder="new value"/>
+					<input type="submit" value="Update"/>
+					<input type="reset" value="Reset"/>
+				</form>
+			</details>
 		</li>
 	</template>
 </body>