title: Table like content display using div structure?
body: <p>Is it possible to display content as shown in attached screenshot using div structure instead table and with html/CSS alone except using jQuery for toggle control. </p>
  
  <p>Few points regarding output:</p>
  
  <ol>
  <li>Any child-row and its content won't be visible until user clicks
  arrow-icon of parent-row, clicking same arrow again will hide the
  respective child row.</li>
  <li>Clicking on arrow-icon will make child row visible using jQuery toggle animation.</li>
  <li>It has to be responsive. </li>
  </ol>
  
  <p><img src="https://i.stack.imgur.com/s2ePO.jpg" alt="enter image description here"> </p>