jquery with animation..

jquery with animation..

Hi, I created the table with animated, the table i created is like this sample...

  1.  <table width="95%" id="table" 
  2.                   class="slideLeft "
  3.                   align="center"
  4.                   border="1" 
  5.                   cellpadding="2" 
  6.                   cellspacing="0"
  7.                   bordercolor="#ff8c00">
  8. <tr></tr>
  9. <td></td>
  10. <tr></tr>
  11. </table>

In jquery I wrote for animation like this...

  1. $('table.tableSorter.slide').tableSort( {
  2. sortBy: ['numeric', 'text', 'text', 'numeric', 'numeric', 'numeric'],
  3. animation: 'slide',
  4. speed: 500
  5. } );
  7. $('table.tableSorter.fade').tableSort( {
  8. sortBy: ['numeric', 'text', 'text', 'numeric', 'numeric', 'numeric'],
  9. animation: 'fade',
  10. speed: 250,
  11. delay: 25
  12. } );
  14. $('table.tableSorter.fadeAll').tableSort( {
  15. sortBy: ['numeric', 'text', 'text', 'numeric', 'numeric', 'numeric'],
  16. animation: 'fadeAll',
  17. speed: 250
  18. } );

This first step is works great in animation, what does does do is that the table will "slide left" or "fade" or "slide" all that depend on name of class in <table>... See table code in BOLD...

And now next step is I want to change to radio option to select animate and change table animate, I wrote like this...

 

  1. <div id="test">
  2.       <input type="radio" name="animate" value="1" />slide 
  3.       <input type="radio" name="animate" value="2" />slideLeft
  4.       <input type="radio" name="animate" value="3" />fade
  5. </div>

This where I'm having trouble with, my question is that how can I write jquery code to allow me to select one of animation from radio option and automatic change animate for table!

Please help thanks.

AM