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,7 +11,8 @@
 	<ul></ul>
 	<template>
 		<li draggable="true">
-			<h2>placeholder</h2>
+			<details>
+				<summary>placeholder</summary>
 				<ul></ul>
 				<button class="add">Add</button>
 				<button class="delete">Delete</button>
@@ -20,6 +21,7 @@
 					<input type="submit" value="Update"/>
 					<input type="reset" value="Reset"/>
 				</form>
+			</details>
 		</li>
 	</template>
 </body>