title: How do I fade in/out a background with jQuery, but not its child
body: <p>I have a menu on my webpage that I want to fade out the background of it but not the text. Here is the table for the menu, the jQuery and the CSS.</p>
  
  <p>The Body/Table:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt;
  
  &lt;html&gt;
  &lt;head&gt;
      &lt;style type="text/css"&gt;
          #menu {
              width:900px;
              margin-left:auto;
              margin-right:auto;
              font-family:"britannic bold";
              font-size:200%;
          }
  
          #allbodies {
              width:900px;
              margin-left:auto;
              margin-right:auto;
          }
  
          #menu table tr td:hover {
              color:#fff;
          }
      &lt;/style&gt;
      &lt;title&gt;&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="menu"&gt;
          &lt;table&gt;
              &lt;tr&gt;
                  &lt;td id="logo" style="width:150px;height:200px;"&gt;
                      &lt;a href="template.html" style="text-decoration:none"&gt;&lt;img alt="Logo" height="200" src="logo.jpg" width="150"&gt;&lt;/a&gt;
                  &lt;/td&gt;
                  &lt;td id="home" style="cursor:pointer;width:150px;height:200px;background-color:red;"&gt;
                      &lt;p id="menutext" style="text-align: center"&gt;HOME&lt;/p&gt;
                  &lt;/td&gt;
                  &lt;td id="games" style="cursor:pointer;width:150px;height:200px;background-color:red;"&gt;
                      &lt;p id="menutext" style="text-align: center"&gt;GAMES&lt;/p&gt;
                  &lt;/td&gt;
                  &lt;td id="about" style="cursor:pointer;width:150px;height:200px;background-color:red;"&gt;
                      &lt;p id="menutext" style="text-align: center"&gt;ABOUT&lt;/p&gt;
                  &lt;/td&gt;
                  &lt;td id="contact" style="cursor:pointer;width:150px;height:200px;background-color:red;"&gt;
                      &lt;p id="menutext" style="text-align: center"&gt;CONTACT&lt;/p&gt;
                  &lt;/td&gt;
                  &lt;td id="author" style="cursor:pointer;width:150px;height:200px;background-color:red;"&gt;
                      &lt;p id="menutext" style="text-align: center"&gt;AUTHOR&lt;/p&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
      &lt;/div&gt;
      &lt;div id="allbodies"&gt;
          &lt;div id="homebody"&gt;
              &lt;h1&gt;Home&lt;/h1&gt;
          &lt;/div&gt;
          &lt;div id="gamesbody"&gt;
              &lt;h1&gt;Games&lt;/h1&gt;
          &lt;/div&gt;
          &lt;div id="aboutbody"&gt;
              &lt;h1&gt;About&lt;/h1&gt;
          &lt;/div&gt;
          &lt;div id="contactbody"&gt;
              &lt;h1&gt;Contact&lt;/h1&gt;
          &lt;/div&gt;
          &lt;div id="authorbody"&gt;
              &lt;h1&gt;Author&lt;/h1&gt;
          &lt;/div&gt;
      &lt;/div&gt;jQuery: 
      &lt;script&gt;
          $(function(){
              $("#logo").mouseenter(function(){
                  $("#logo").fadeTo("fast",1.0);
              });
              $("#logo").mouseleave(function(){
                  $("#logo").fadeTo("fast",0.5);
              });
              $("#home").mouseenter(function(){
                  $("#home").fadeTo("fast",1.0);
              });
              $("#home").mouseleave(function(){
                  $("#home").fadeTo("fast",0.5);
              });
              $("#games").mouseenter(function(){
                  $("#games").fadeTo("fast",1.0);
              });
              $("#games").mouseleave(function(){
                  $("#games").fadeTo("fast",0.5);
              });
              $("#about").mouseenter(function(){
                  $("#about").fadeTo("fast",1.0);
              });
              $("#about").mouseleave(function(){
                  $("#about").fadeTo("fast",0.5);
              });
              $("#contact").mouseenter(function(){
                  $("#contact").fadeTo("fast",1.0);
              });
              $("#contact").mouseleave(function(){
                  $("#contact").fadeTo("fast",0.5);
              });
              $("#author").mouseenter(function(){
                  $("#author").fadeTo("fast",1.0);
              });
              $("#author").mouseleave(function(){
                  $("#author").fadeTo("fast",0.5);
              });
  
              $("#gamesbody").hide();
              $("#aboutbody").hide();
              $("#authorbody").hide();
              $("#contactbody").hide();
              $("#home").hide();
              $("#games").hide();
              $("#about").hide();
              $("#author").hide();
              $("#contact").hide();
              $("#homebody").hide();
              $("#homebody").fadeTo("slow",1.0);
              $("#home").fadeTo("slow",0.5);
              $("#games").fadeTo("slow",0.5);
              $("#about").fadeTo("slow",0.5);
              $("#author").fadeTo("slow",0.5);
              $("#contact").fadeTo("slow",0.5);
              $("#logo").hide();
              $("#logo").fadeTo("slow",0.5);
              $("#menutext").fadeTo("slow",1.0);
  
              $("#home").click(function(){
                  $("#home").fadeIn("slow");
                  $("#homebody").fadeIn("slow");
                  $("#homebody").show();
                  $("#gamesbody").hide();
                  $("#aboutbody").hide();
                  $("#authorbody").hide();
                  $("#contactbody").hide();
              });
              $("#about").click(function(){
                  $("#about").fadeIn("slow");
                  $("#aboutbody").fadeIn("slow");
                  $("#aboutbody").show();
                  $("#gamesbody").hide();
                  $("#homebody").hide();
                  $("#authorbody").hide();
                  $("#contactbody").hide();
              });
              $("#contact").click(function(){
                  $("#contact").fadeIn("slow");
                  $("#contactbody").fadeIn("slow");
                  $("#contactbody").show();
                  $("#gamesbody").hide();
                  $("#aboutbody").hide();
                  $("#authorbody").hide();
                  $("#homebody").hide();
              });
              $("#author").click(function(){
                  $("#author").fadeIn("slow");
                  $("#authorbody").fadeIn("slow");
                  $("#authorbody").show();
                  $("#gamesbody").hide();
                  $("#aboutbody").hide();
                  $("#homebody").hide();
                  $("#contactbody").hide();
              });
              $("#games").click(function(){
                  $("#games").fadeIn("slow");
                  $("#gamesbody").fadeIn("slow");
                  $("#homebody").hide();
                  $("#gamesbody").show();
                  $("#aboutbody").hide();
                  $("#authorbody").hide();
                  $("#contactbody").hide();
              });
          }); 
      &lt;/script&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>