jQuery - jExpand and Tabs on the same page
<p>I'm trying to use jExpand and jQuery tabs on the same page. I can get them to work separately but when I put them on the same page neither works.</p>

<p>jExpand:
<a href="http://www.jankoatwarpspeed.com/post/2009/07/20/Expand-table-rows-with-jQuery-jExpand-plugin.aspx" rel="nofollow">http://www.jankoatwarpspeed.com/post/2009/07/20/Expand-table-rows-with-jQuery-jExpand-plugin.aspx</a></p>

<p>Tabs:
<a href="http://jqueryui.com/tabs/" rel="nofollow">http://jqueryui.com/tabs/</a></p>

<p>This is my code</p>

<pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
&lt;title&gt;Budget Statements&lt;/title&gt;

&lt;link href="styles/styles.css" rel="stylesheet" type="text/css" /&gt;
&lt;link href="styles/jquery-ui.css" rel="stylesheet" type="text/css" /&gt;
&lt;script src="js/jquery.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="js/jquery-1.8.2.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="js/jquery-ui.js"&gt;&lt;/script&gt;
&lt;script src="js/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;

&lt;style type="text/css"&gt;
    body { font-family:Arial, Helvetica, Sans-Serif; font-size:0.8em;}
    #pay_search_table { border-collapse:collapse;}
    #pay_search_table h4 { margin:0px; padding:0px;}
    #pay_search_table img { float:right;}
    #pay_search_table ul { margin:10px 0 10px 40px; padding:0px;}
    #pay_search_table th { background:#7CB8E2 url(header_bkg.png) repeat-x scroll center left; color:#fff; padding:7px 15px; text-align:left;}
    #pay_search_table td { background:#C7DDEE none repeat-x scroll center left; color:#000; padding:7px 15px; }
    #pay_search_table tr.odd td { background:#fff url(row_bkg.png) repeat-x scroll center left; cursor:pointer; }
    #pay_search_table div.arrow { background:transparent url(arrows.png) no-repeat scroll 0px -16px; width:16px; height:16px; display:block;}
    #pay_search_table div.up { background-position:0px 0px;}
&lt;/style&gt;

&lt;script&gt;
$(function() {
$( "#tabs" ).tabs();
});
&lt;/script&gt;

&lt;script type="text/javascript"&gt;  
$(document).ready(function(){
$("#pay_search_table tr:odd").addClass("odd");
$("#pay_search_table tr:not(.odd)").hide();
$("#pay_search_table tr:first-child").show();

$("#pay_search_table tr.odd").click(function(){
    $(this).next("tr").toggle();
    $(this).find(".arrow").toggleClass("up");
});
//$("#pay_search_table").jExpand();
});
&lt;/script&gt;        

&lt;/head&gt;
&lt;body&gt;
&lt;div id="stylized" class="SubjectiveForm"&gt;
    &lt;div align="center"&gt;
    &lt;table align="center"&gt;
        &lt;tr&gt;
            &lt;td align="center"&gt;
                &lt;input type="button" class="backbutton" id="back_button" name="back" value="Back" onclick="history.back(-1)" /&gt;
            &lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td align="center"&gt;
                &lt;font size="3"&gt;Cost Centre: E72057 - Finance&lt;/font&gt;
            &lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td align="center"&gt;
                &lt;font size="3"&gt;Subjective: 5028 - Senior Manager band 8&lt;/font&gt;
            &lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td align="center"&gt;
                &lt;font size="3"&gt;Month: OCTOBER &lt;/font&gt;
            &lt;/td&gt;
        &lt;/tr&gt;
    &lt;/table&gt;
    &lt;/div&gt;

&lt;div id="tabs" class="SummaryForm"&gt;
    &lt;ul&gt;
        &lt;li&gt;&lt;a href="#tabs-1"&gt;INCOME&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#tabs-2"&gt;PAY COSTS&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#tabs-3"&gt;NON PAY COSTS&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
    &lt;div id="tabs-1"&gt;
        There is currently nothing here
    &lt;/div&gt;
    &lt;div id="tabs-2"&gt;
        &lt;div id="stylized" class="PayCostsForm"&gt; 
        &lt;table id='pay_search_table'&gt;
        &lt;tr&gt;
        &lt;th&gt;Employee Name&lt;/th&gt;
        &lt;th&gt;Assignment No&lt;/th&gt;
        &lt;th&gt;Pay&lt;br&gt;Period&lt;/th&gt;
        &lt;th&gt;Amount&lt;/th&gt;
        &lt;th&gt;&lt;/th&gt;
        &lt;/tr&gt;
            &lt;tr&gt;
                &lt;td align='left'&gt;xxxxxxxx DA&lt;/td&gt;
                &lt;td align='left'&gt;20936388&lt;/td&gt;
                &lt;td align='left'&gt;MONTH07&lt;/td&gt;
                &lt;td align='right'&gt;xxxxxxx&lt;/td&gt;
                &lt;td&gt;&lt;div class='arrow'&gt;&lt;/div&gt;&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
                &lt;td colspan='5'&gt;Additional info will go here&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
                &lt;td align='left'&gt;xxxxxxx MPD&lt;/td&gt;
                &lt;td align='left'&gt;11192841&lt;/td&gt;
                &lt;td align='left'&gt;MONTH07&lt;/td&gt;
                &lt;td align='right'&gt;xxxxxxx&lt;/td&gt;
                &lt;td&gt;&lt;div class='arrow'&gt;&lt;/div&gt;&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
                &lt;td colspan='5'&gt;Additional info will go here&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
                &lt;td align='left'&gt;xxxxxx PJ&lt;/td&gt;
                &lt;td align='left'&gt;11212939&lt;/td&gt;
                &lt;td align='left'&gt;MONTH07&lt;/td&gt;
                &lt;td align='right'&gt;xxxxxxxxx&lt;/td&gt;
                &lt;td&gt;&lt;div class='arrow'&gt;&lt;/div&gt;&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
                &lt;td&gt;&amp;nbsp;&lt;/td&gt;
                &lt;td&gt;&amp;nbsp;&lt;/td&gt;
                &lt;td&gt;Total&lt;/td&gt;
                &lt;td align='right'&gt;xxxxxxxxxxx&lt;/td&gt;
                &lt;td&gt;&amp;nbsp;&lt;/td&gt;
            &lt;/tr&gt;
        &lt;/table&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    &lt;div id="tabs-3"&gt;
        There is currently nothing here
     &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;

&lt;/body&gt;
&lt;/html&gt; 
</code></pre>
