my template mega menu always conflict with other java script
i am tring to put mega menu code inside jQuery.noConflict, but it seems that it is not working
please take a look at my code which i want inside jQuery.noConflict
please fix it:-*
[PHP]<script type=”text/javascript”>
//<!, items_h = [];
$$(‘div.submenu’).each(function (el) {
if (el.getParent().getParent().hasClass(‘level-<?php echo $sublevel ?>’)) {
items_v.push(el);
} else {
items_h.push(el);
}
});
new SPMenu(items_v, {
direction: ‘<?php echo strtoupper($this->getDirection()) ?>’,
bound: limits,
fxOptions: {
transition: Fx.Transitions.<?php echo $this->getParam(‘menu_transition’,’Sine.easeOut’) ?>,
duration: <?php echo $this->getParam(‘menu_duration’,400) ?>
},
animation: ‘<?php echo $this->getParam(‘menu_animation’,’slide’) ?>’,
mode: ‘vertical’,
offset:{x:<?php echo $this->getParam(‘init_x’,0) ?>, y: <?php echo $this->getParam(‘init_y’,0) ?>}
});
new Menu(items_h, {
direction: ‘<?php echo strtoupper($this->getDirection()) ?>’,
bound: limits,
fxOptions: {
transition: Fx.Transitions.<?php echo $this->getParam(‘menu_transition’,’Sine.easeOut’) ?>,
duration: <?php echo $this->getParam(‘menu_duration’,400) ?>
},
animation: ‘<?php echo $this->getParam(‘menu_animation’,’slide’) ?>’,
mode: ‘horizontal’,
offset: {x: <?php echo $this->getParam(‘sub_x’,0) ?>, y: <?php echo $this->getParam(‘sub_y’,0) ?>}
});
});
//]]>
</script>[/PHP]