jQuery fader for two contents - but how ?

jQuery fader for two contents - but how ?

Hi,
I want to fade two contents the same time on one page by clicking a teaser:
e.g. click on #teaser2 the contents in #backstage2 and #content2 are fading in the same time.

look at my html:
  1. <!-- backstage content is in a separate div -->
  2. <div id="backstage">
  3.     <div id="bigpicture1">

  4.         <img src="img1.jpg" width="800" height="600" />

  5.     </div>

  6.     <div id="bigpicture2">

  7.         <img src="img2.jpg" width="800" height="600" />

  8.     </div>

  9.     <div id="bigpicture3">

  10.         <img src="img3.jpg" width="800" height="600" />

  11.     </div> 

  12. </div>

  14. <!-- stage content is also in a separate div -->
  15. <div id="stage">

  16.     <div id="content1">

  17.         <h2>Loremipsum 1</h2>

  18.         <p>Nam liber tempor cum soluta nobis eleifend.<a href="#">mehr ...</a></p>

  19.     </div>

  20.     <div id="content2">

  21.         <h2>Loremipsum 2</h2>

  22.         <p>Nam liber tempor cum soluta nobis eleifend.<a href="#">mehr ...</a></p>

  23.     </div>

  24.     <div id="content3">

  25.         <h2>Loremipsum 3</h2>

  26.         <p>Nam liber tempor cum soluta nobis eleifend.<a href="#">mehr ...</a></p>

  27.     </div> 

  28. </div>



  30. <!-- teasers are in a separate div -->
  31. <div id="teaser">

  32.     <ul>

  33.         <li id="teaser1"><img src="img1_thumb.jpg" alt="" /></li>

  34.         <li id="teaser2"><img src="img2_thumb.jpg" alt="" /></li>

  35.         <li id="teaser3"><img src="img3_thumb.jpg" alt="" /></li>

  36.     </ul>

  37. </div>