Question : Jquery NoConflict Issue

I currently use Mootools, Prototype, and Jquery scripts on my site, but when I try to implement a new jquery script, it doesn't seem to want to work when the NoConflict is enabled.

the javascript is:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:

<script type="text/javascript">
$(document).ready(function () {
	$("ul.menu_body li:even").addClass("alt");
    $('img.menu_head').click(function () {
	$('ul.menu_body').slideToggle('medium');
    });
	$('ul.menu_body li a').mouseover(function () {
	$(this).animate({ fontSize: "14px", paddingLeft: "20px" }, 50 );
    });
	$('ul.menu_body li a').mouseout(function () {
	$(this).animate({ fontSize: "12px", paddingLeft: "10px" }, 50 );
    });
});
</script>

The script i'm trying to implement can be viewed at:
http://bit.ly/4cGQOr

Any help would be greatly appreciated.

Answer : Jquery NoConflict Issue

Yes, it is often a fix when other plugins or libraries are conflicting

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:



<script type="text/javascript">
jQuery(document).ready(function () {
	jQuery("ul.menu_body li:even").addClass("alt");
    jQuery('img.menu_head').click(function () {
	jQuery('ul.menu_body').slideToggle('medium');
    });
	jQuery('ul.menu_body li a').mouseover(function () {
	jQuery(this).animate({ fontSize: "14px", paddingLeft: "20px" }, 50 );
    });
	jQuery('ul.menu_body li a').mouseout(function () {
	jQuery(this).animate({ fontSize: "12px", paddingLeft: "10px" }, 50 );
    });
});
</script>