Please Help!!! - jQuery conflict when adding jquery.min.js
I have 2 separate things going on my homepage using jQuery. One is a menu calling the following jQuery:
<script type="text/javascript" src="<?php echo get_template_directory_uri() ?>/js/my-menu.js"></script>
<script type="text/javascript" src="<?php echo get_template_directory_uri() ?>/js/jquery.easing.min.js"></script>
<script type="text/javascript" src="<?php echo get_template_directory_uri() ?>/js/jquery.lavalamp.min.js"></script>
The other is a tabbed content box feature that calls the following jQuery:
<script type="text/javascript" src="<?php echo get_template_directory_uri() ?>/js/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
var $items = $('#vtab>ul>li');
$items.mouseover(function() {
$items.removeClass('selected');
$(this).addClass('selected');
var index = $items.index($(this));
$('#vtab>div').hide().eq(index).show();
}).eq(1).mouseover();
});
</script>
Everything works with great with the menu until I call jquery.min.js then the tabbed content box works great and the jquery for the menu is broken. If I'm not mistaken, I cant use jquery no conflict because that only separates jquery from mootools or something like that. So, what is the solution when jquery interferes with itself? Please help!!