jQuery Accordion and Tabs
When I look at demos on the jQuery UI site, it seems that the tab and accordion demos have lost their style.
Instances of them I'm currently using have done the same. I've looked in multiple browsers and multiple forums to no avail.
Would anyone be willing to look at code for me? There's lots of it below. Nesting accordion items within tabs themselves.
Link:
MCS
<link rel="stylesheet" href="
http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="
http://code.jquery.com/jquery-1.9.1.js" type="text/javascript"></script>
<script src="
http://code.jquery.com/ui/1.10.3/jquery-ui.js" type="text/javascript"></script>
<link href="../jquery-ui-1.10.3.custom/css/jquery-ui.css" rel="stylesheet" type="text/css" />
<script>
$(function() {
$( "#accordion" ).accordion({heightStyle: "content"
});
$( "#accordion2" ).accordion({heightStyle: "content"
});
$( "#accordion3" ).accordion({heightStyle: "content"
});
$( "#accordion4" ).accordion({heightStyle: "content"
});
$( "#accordion5" ).accordion({heightStyle: "content"
});
$( "#accordion6" ).accordion({heightStyle: "content"
});
$( "#accordion7" ).accordion({heightStyle: "content"
});
$( "#accordion8" ).accordion({heightStyle: "content"
});
$( "#accordion10" ).accordion({heightStyle: "content"
});
});
$(function() { $( "#tabs" ).tabs(); });
</script>
<div id="tabs"> <ul>
<li><a href="#tabs-1" target="_blank">New Customer</a></li>
<li><a href="#tabs-2" target="_blank">72-Hour Trip/Fuel Permits </a></li>
<li><a href="#tabs-3" target="_blank">Oversize Overweight</a></li>
<li><a href="#tabs-4" target="_blank">International Registration Plan</a></li>
<li><a href="#tabs-5" target="_blank">International Fuel Tax Agreement</a></li>
<li><a href="#tabs-6" target="_blank">MO Operating Authority</a></li>
<li><a href="#tabs-7" target="_blank">Unified Carrier Registration</a></li>
<li><a href="#tabs-8" target="_blank">Safety & Compliance</a></li>
<li><a href="#tabs-9" target="_blank">Hazardous Waste Transporters</a></li>
<li><a href="#tabs-10" target="_blank">Waste Tire Transporters</a></li>
<li><a href="#tabs-11" target="_blank">Household Goods</a></li>
<li><a href="#tabs-12" target="_blank">Motor Carrier Training</a></li>
</ul>