[jQuery] UI Tabs and Mootools conflict

[jQuery] UI Tabs and Mootools conflict


Greetings,
Thanks for taking the time to read this!
I tried to post previously, but I am afraid the post was lost as I
cannot see it. I apologize if my previous post is already up.
I hope you can help me. I am afraid when it comes to javascript I am
all thumbs. I am attempting to get UI tabs and mootools to work
together. I tried to follow the tutorial here:http://docs.jquery.com/
Using_jQuery_with_Other_Libraries but I am afraid I just can't get it
to work.
Here is my current script, before I altered it to try the tutorial.
<link rel="stylesheet" href="ui.tabs.css" type="text/css"
media="print, projection, screen">
<script src="jquery-1.2.3.pack.js" type="text/javascript"></script>
<script src="ui.tabs.pack.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$('#container-1 > ul').tabs({ fx: { opacity:
'toggle' } });
$('#container-2 > ul').tabs({ fx: { opacity:
'toggle' } });
$('#container-3 > ul').tabs({ fx: { opacity:
'toggle' } });
});
</script>
<link href="imageMenu2.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="mootools.js"></script>
<script type="text/javascript" src="imageMenu.js"></script>
</head><body>
Can someone tell me what code I need to put in there to make it work
properly? I have tried everything, and I am at a loss. I have gotten
UI tabs and mootools to work seperately, but not together. Any help is
very much appreciated.
Sincerely,
Mike