title: Adding event listeners to metro style grid application?
body: <p>I have just created a sample grid application using html5 and JavaScript.</p>
  
  <p>What now I want to achieve is to give some animation when user click on group header.</p>
  
  <p>For that I wrote two functions.  One for mousedown event and one for mouse up event:</p>
  
  <pre><code>function animateDown() {
      WinJS.UI.Animation.pointerDown(this);
  }
  function animateUp() {
      WinJS.UI.Animation.pointerUp(this);
  }
  </code></pre>
  
  <p>Now I want add these functions to event listeners for each header.  There are many groups headers and they don't have any ids, just classnames.</p>
  
  <p>So how can I add an eventlistener for all the headings?</p>