JQuery Table Help needed!

JQuery Table Help needed!

Hi,
      I am new to JQuery. I have the following code which basically loads the <li> elements on mouseover. I need to convert the <ul> elements in a table and perform the same functionality. Any help will be appreciated.
 
 
<HTML>
<HEAD>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<TITLE>Test</TITLE>
<STYLE>
body, input{
 font-family: Calibri, Arial;
}
#accordion {
 list-style: none;
 padding: 0 0 0 0;
 width: 170px;
}
#accordion li{
 display: block;
 background-color: #FF9927;
 font-weight: bold;
 margin: 1px;
 cursor: pointer;
 padding: 5 5 5 7px;
 list-style: circle;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
}
#accordion ul {
 list-style: none;
 padding: 0 0 0 0;
 display: none;
}
#accordion ul li{
 font-weight: normal;
 cursor: auto;
 background-color: #fff;
 padding: 0 0 0 7px;
}
#accordion a {
 text-decoration: none;
}
#accordion a:hover {
 text-decoration: underline;
}








































</STYLE>
</HEAD>
<BODY>

<ul id="accordion">
 <li>What's New</li>
 <ul>
  <li><a href="#">Reman Parts</a></li>
  <li><a href="#">Core Policy</a></li>
  
 </ul>
 <li>Featured Links</li>
 <ul>
  <li><a href="#">Certified Collision Program</a></li>
  <li><a href="#">Classic Center</a></li>
  <li><a href="#">Electronic Parts Catalog</a></li>
  <li><a href="#">STAR TekInfo</a></li>
 </ul>












 <li>StarTuned</li>
 <ul>
  <li><a href="#">What is StarTuned?</a></li>
  <li><a href="#">Featured Articles</a></li>
  <li><a href="#">Archives</a></li>
  <li><a href="#">Subscribe</a></li>
 </ul>
 <li>Online Ordering</li>
 <ul>
  <li><a href="">Dealer links coming soon</a></li>
  
 </ul>
</ul>












</BODY>
<SCRIPT>
$("#accordion > li").mouseover(function(){


 if(false == $(this).next().is(':visible')) {
  $('#accordion > ul').slideUp(300);
 }
 $(this).next().slideToggle(300);
});



//$('#accordion > ul:eq(0)').show();
</SCRIPT>
</HTML>
 
 
----
 
The equivalent <table> code is:
 
<table class="accordion">
 <tr>What's New
  
   <td><a href="#">Reman Parts</a></td>
   <td><a href="#">Core Policy</a></td>
   
  
 </tr>





 <tr>Featured Links
  
   <td><a href="#">Certified Collision Program</a></td>
   <td><a href="#">Classic Center</a></td>
   <td><a href="#">Electronic Parts Catalog</a></td>
   <td><a href="#">STAR TekInfo</a></td>
  
 </tr>






 <tr>StarTuned
  
   <td><a href="#">What is StarTuned?</a></td>
   <td><a href="#">Featured Articles</a></td>
   <td><a href="#">Archives</a></td>
   <td><a href="#">Subscribe</a></td>
  
 </tr>






 <tr>Online Ordering
  
   <td><a href="">Dealer links coming soon</a></td>
   
  
 </tr>




</table>
 
Thanks

      Zoho Campaigns Resources


        • Desk Community Learning Series


        • Digest


        • Functions


        • Meetups


        • Kbase


        • Resources


        • Glossary


        • Desk Marketplace


        • MVP Corner


        • Word of the Day


        • Ask the Experts


          Zoho CRM Plus Resources

            Zoho Books Resources


              Zoho Subscriptions Resources

                Zoho Projects Resources


                  Zoho Sprints Resources


                    Zoho Orchestly Resources


                      Zoho Creator Resources


                        Zoho WorkDrive Resources



                          Zoho CRM Resources

                          • CRM Community Learning Series

                            CRM Community Learning Series


                          • Tips

                            Tips

                          • Functions

                            Functions

                          • Meetups

                            Meetups

                          • Kbase

                            Kbase

                          • Resources

                            Resources

                          • Digest

                            Digest

                          • CRM Marketplace

                            CRM Marketplace

                          • MVP Corner

                            MVP Corner




                            Zoho Writer Writer

                            Get Started. Write Away!

                            Writer is a powerful online word processor, designed for collaborative work.

                              Zoho CRM コンテンツ




                                ご検討中の方