How to make this script perform other function
<p>I recently found this expandable table with Jquery, it is very lightweight and awesome code. However, I need to make small changes to it, but I don't know how. If you take a looks at this <a href="http://www.jankoatwarpspeed.com/post/2009/07/20/Expand-table-rows-with-jQuery-jExpand-plugin.aspx" rel="nofollow">demo</a> when you go clicking from the first row to the second, third, fourth...so on. The row just keeps on expanding, instead I need the in-active rows to contract. Meaning, when a user goes from click first row to second, then the previous one contracts.. </p>

<p>I hope it is clear, and I would provide the code but you can see the source code, it is neat and <a href="http://www.jankoatwarpspeed.com/post/2009/07/20/Expand-table-rows-with-jQuery-jExpand-plugin.aspx" rel="nofollow">Here</a> is the full tutorial. </p>

<p>thanks. </p>

<p>Ok, here is the code in <a href="http://jsfiddle.net/MDfG8" rel="nofollow">Jsfiddle</a>:  </p>

<pre><code>    $(document).ready(function(){
        $("#report tr:odd").addClass("odd");
        $("#report tr:not(.odd)").hide();
        $("#report tr:first-child").show();

        $("#report tr.odd").click(function(){
            $(this).next("tr").toggle();
            $(this).find(".arrow").toggleClass("up");
        });
        //$("#report").jExpand();
    });
</code></pre>

<p>​</p>
