title: How to make <details> drop down on mouse hover
body: <p>can anybody help me on how to make the details dropdown on mouse hover using css</p>
  
  <p>This is the html code</p>
  
  <pre><code>&lt;details&gt;
    &lt;summary&gt;Sample&lt;/summary&gt;
  
  Details of sample
  &lt;/details&gt;
  </code></pre>
  
  <p>I need a css code for it to drop down when the mouse hovers on it can anybody help me on this?</p>