title: jQuery to toggle rows when one of it's cell is clicked
body: <p>I've a table in which first <code>&lt;td&gt;</code> in every row is clickable. When it is clicked it should expand - display some data in a <code>&lt;div&gt;</code>and when clicked again the <code>&lt;div&gt;</code> must be hidden. So far I've tried <a href="http://jsfiddle.net/0yjar83e/" rel="nofollow">this</a> but I'm not able to hide it back. Plz provide your suggestions based on the sample fiddle attached. </p>
  
  <p>Thanks.</p>