Hello Everyone,
Thank you for taking the time to read this message. I am attempting to
use mootools with UI Tabs and I am having a conflict. Basically, only
the last one to load (closest to the </head> tag) is working. I have
tried to use the tutorial here
http://docs.jquery.com/Using_jQuery_with_Other_Libraries
but I am afraid I am all thumbs when it comes to interpreting
javascript. Here is my current script (I have removed all my attempts
to fix using the aforementioned 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>
How do I need to alter this in order for these to work properly?
Thanks very much, any advice is extremely appreciated.
Sincerely,
Mike
