title: How do I use animate and addclass together
body: <p>I'm trying to animate an element in my page. I'm looking for a kind of zoom in effect with a click condition. You click a div and that div becomes the page.</p>
  
  <p>I get the animate to work. However the addClass function doesn't work. </p>
  
  <p>I'm also using a scrolling for my elements that are scrolled by the user or automated. So the div that control scrolling are faded over my actual elements. When I click an element to animate it it works. It gets wider and higher but I can't work the position and z-index. So I tried to add an addClass function to work it out but it doesn't work!?</p>
  
  <p>Here's my code</p>
  
  <pre><code>$("#bloc1").live('click', function(){
      $("#bloc1").animate({
          width: "800px",
          margin: "0px",
          height: "100%",
      },3000);
  
      $('#bloc1').addClass('figureclick');  
  });
  </code></pre>
  
  <p>You can also try it ou here <a href="http://zed.no-ip.org" rel="nofollow">test page</a> Click on "le block 1" to see the effect</p>
  
  <p>Thank you for your support!</p>
  
  <p>UPDATE !!</p>
  
  <p>I am not using a div im using HTML5 CSS3 and they are just plain figure /figure tags
  and my css goes like #container figure{}</p>
  
  <p>Would it prevent the addclass to work?</p>