title: Javascript toggle table rows and group elements
body: <p>I have a table like this:
  <a href="http://jsfiddle.net/uow54mex/1/" rel="nofollow noreferrer">http://jsfiddle.net/uow54mex/1/</a>
  its a very simple table like</p>
  
  <pre><code>&lt;table&gt;
  &lt;thead&gt;
  &lt;tr&gt;&lt;th&gt;....&lt;/...&gt;&lt;/thead&gt;
  &lt;tr&gt;&lt;td&gt;....
  &lt;/table&gt;
  </code></pre>
  
  <p>I want to automatically group all table rows by name, so in the very left column should be every user only once. If a visitor clicks on a user, the row should expand and all entries of user 1 should be visible. </p>
  
  <p>I have no idea how to work with Javascript, so I'll take any advice. If it is important: the table is shown within a php page and is dynamically filled with an SQL query.</p>