title: changing rgba alpha transparency with jquery
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/3242368/jquery-rgba-color-animations">jQuery + RGBA color animations</a>  </p>
  </blockquote>
  
  
  
  <p>hey,</p>
  
  <p>i want to change the opacity of an rgba value on hover, but the opacity stays at .07.. maybe ou can help me find the mistake.</p>
  
  <p>CSS (IE hacks are in seperate file - no need to mention them here)</p>
  
  <pre><code>.boxcaption{
     float: left;
     position: absolute;
     height: 100px;
     width: 100%;
     background: rgb(255, 144, 11);
     background: rgba(255, 144, 11, 0.7);
  }
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>var thumbslide = $('.boxgrid.captionfull').click(function() {
      $('.boxgrid.captionfull.clicked').removeClass('clicked').children('.cover').stop().animate({top: 230, background: 'rgba(255, 144, 11, 0.7)'}, 350);
      $(this).toggleClass('clicked').children('.cover').stop().animate({top: 0, height:"230px", background: 'rgba(255, 144, 11, 1)'}, 350);
  });
  </code></pre>