title: hide and unhide a div
body: <p>I am designing a web page in which I got struck at some point.</p>
  
  <p>I am using 3 upload buttons in a div, let the id of the div be "uploadDiv"
  I have a right arrow and down arrow images</p>
  
  <ul>
  <li>if I click on the down arrow image, the content of the "uploadDiv" should be displayed</li>
  <li>if I click on the right arrow image, the content of the "uploadDiv" should be hidden</li>
  </ul>
  
  <p>The images should be in the same place.</p>
  
  <p>What is the solution?</p>