Hi I have been having trouble for days using more than one UI widget {tabs + accordion} on one page. I use the demo code and separate script blocks but I can only get tabs to work. Seems really finicky what might I be doing wrong?
<!-- Theme -->
<link type="text/css" href="/javascript/themes/base/ui.all.css" rel="stylesheet" />
<!--JS Library -->
<script type="text/javascript" src="/javascript/jquery-1.4.1.js"></script>
<!-- Accordion -->
<script type="text/javascript" src="/javascript/ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="/javascript/ui/jquery.ui.widget.js"></script>
<script type="text/javascript" src="javascript/ui/jquery.ui.accordion.js"></script>
<!-- Datepicker -->
<script type="text/javascript" src="javascript/ui/jquery.ui.datepicker.js"></script>
<!-- Tabs -->
<script type="text/javascript" src="/javascript/ui/jquery.ui.mouse.js"></script>
<script type="text/javascript" src="/javascript/ui/jquery.ui.sortable.js"></script>
<script type="text/javascript" src="/javascript/ui/jquery.ui.tabs.js"></script>
<!-- TEMPORARY STYLE -->
<link rel="stylesheet" type="text/css" href="/javascript/demos.css" />
<!-- Jquery Scripts -->
<script type="text/javascript">
$(function() {
$("#tabs").tabs();
});
</script>
<script type="text/javascript">
$(function() {
$("#accordion"). accordion();
});
</script>