title: Simply Div Opacity Fade on Focus using mootools
body: <p>I've got a couple of divs in a page which hold simple HTML &amp; images. The divs each have unique ids.</p>
  
  <p>I'd like it so that when the page loads the contents of the div are say, 60% but on mouseover the fade in at 100%. On mouseout they would go back to 60%.</p>
  
  <p>The site is built in <strong>Joomla 1.5.x</strong> so already loads the <strong>mootools 1.11</strong> library. I was looking for example code on the net and found lots of references for fading the opacity of images with jQuery but not all that much for mootools.</p>
  
  <p>Any pointers would be appreciated :)</p>