title: How do code "this" type of "drop" details?
body: <p>I'm trying to find out how to write this function but I'm not sure what it is called and where I can find one for an example. I'm a beginner so I'm only familiar with HTML and CSS.</p>
  
  <p>It's NOT a dropdown bar. It's a text that you could click and when you click it, it immediately shows another body of text right underneath it. It does not involve loading anything, as if it is already there. It is immediate. I want to have something in my website where if I have a name of something, there is an arrow by it that says "details" and when you click it, it shows a whole body of text with details. This button typically seems to have a small arrow next to it. Again, it is not any type of menus or bars, it shows a whole body of texts or images.</p>