details

gistfile1

<details>
	<summary>whats your name?</summary>
	<h1>moataz</h1>
	<details>
		<summary>related names</summary>
		<h2>alaa</h2>
		<h2>amr</h2>
	</details>
</details>
<style>
  summary::-webkit-details-marker {
  display: none
}
summary:after {
  background: red; 
  border-radius: 5px; 
  content: "+"; 
  color: #fff; 
  float: left; 
  font-size: 1.5em; 
  font-weight: bold; 
  margin: -5px 10px 0 0; 
  padding: 0; 
  text-align: center; 
  width: 20px;
}
details[open] summary:after {
  content: "-";
}
</style>