title: jquery click to expand down
body: <p>I want by clicking the image(represented by the cross box), a rectangle area will be expanded downward to display information(kind of toggle). How can I do that. Thanks.</p>
  
  <p>when I click another image, I also want the first rectangle area will retract and the next will expand(i.e. only one rectangle area a time)</p>
  
  <p>I want the similar effect here: themetrust.com/demos/reveal/#footloose , but what I really want is that the grey area to put under each row of the photos and probably expecting ajax and rails implementation.</p>
  
  <p><img src="https://i.stack.imgur.com/o028N.png" alt="The mock up"></p>