Animated accordion – pure html css

<div class="container">
	<section>
		<details>
			<summary>Accordion menu 1</summary>
			<div class="discuss">
				<h1>Accordion details 1</h1>
				<p>Lorem ipsum, dolor sit amet consectetur adipisicing, elit. Enim officiis, quod impedit repellat nesciunt eligendi vero sed provident quae officia!</p>
			</div>
		</details>

		<details>
			<summary>Accordion menu 2</summary>
			<div class="discuss">
				<h1>Accordion details 2</h1>
				<p>Lorem ipsum, dolor sit amet consectetur adipisicing, elit. Enim officiis, quod impedit repellat nesciunt eligendi vero sed provident quae officia!</p>
			</div>
		</details>

		<details>
			<summary>Accordion menu 3</summary>
			<div class="discuss">
				<h1>Accordion details 3</h1>
				<p>Lorem ipsum, dolor sit amet consectetur adipisicing, elit. Enim officiis, quod impedit repellat nesciunt eligendi vero sed provident quae officia!</p>
			</div>
		</details>

		<details>
			<summary>Accordion menu 4</summary>
			<div class="discuss">
				<h1>Accordion details 4</h1>
				<p>Lorem ipsum, dolor sit amet consectetur adipisicing, elit. Enim officiis, quod impedit repellat nesciunt eligendi vero sed provident quae officia!</p>
			</div>
		</details>

		<details>
			<summary>Accordion menu 5</summary>
			<div class="discuss">
				<h1>Accordion details 5</h1>
				<p>Lorem ipsum, dolor sit amet consectetur adipisicing, elit. Enim officiis, quod impedit repellat nesciunt eligendi vero sed provident quae officia!</p>
			</div>
		</details>
	</section>
</div>