Why is my Javascript interfering with each other?

I’m very new to this, but I have two javascripts that I’m trying to implement on my site, but one is interfering with the other…I’ve checked that the variables are unique (I think) and I’m lost as to why. 😡

here are the two scripts that I’m using:

the first (a slide panel):

[CODE]

window.addEvent(‘domready’, function(){

$(‘login’).setStyle(‘height’,’auto’);
var mySlide = new Fx.Slide(‘login’).hide(); //starts the panel in closed state

$(‘toggleLogin’).addEvent(‘click’, function(e){
e = new Event(e);
mySlide.toggle();
e.stop();
});

$(‘closeLogin’).addEvent(‘click’, function(e){
e = new Event(e);
mySlide.slideOut();
e.stop();
});

});[/CODE]

And the second script (a menu):

[CODE]

$(document).ready(function(){

$(“#nicemenu img.arrow”).click(function(){

$(“span.head_menu”).removeClass(‘active’);

submenu = $(this).parent().parent().find(“div.sub_menu”);

if(submenu.css(‘display’)==”block”){
$(this).parent().removeClass(“active”);
submenu.hide();
$(this).attr(‘src’,’images/arrow_hover.png’);
}else{
$(this).parent().addClass(“active”);
submenu.fadeIn();
$(this).attr(‘src’,’images/arrow_select.png’);
}

$(“div.sub_menu:visible”).not(submenu).hide();
$(“#nicemenu img.arrow”).not(this).attr(‘src’,’images/arrow.png’);

})
.mouseover(function(){ $(this).attr(‘src’,’images/arrow_hover.png’); })
.mouseout(function(){
if($(this).parent().parent().find(“div.sub_menu”).css(‘display’)!=”block”){
$(this).attr(‘src’,’images/arrow.png’);
}else{
$(this).attr(‘src’,’images/arrow_select.png’);
}
});

$(“#nicemenu span.head_menu”).mouseover(function(){ $(this).addClass(‘over’)})
.mouseout(function(){ $(this).removeClass(‘over’) });

$(“#nicemenu div.sub_menu”).mouseover(function(){ $(this).fadeIn(); })
.blur(function(){
$(this).hide();
$(“span.head_menu”).removeClass(‘active’);
});

$(document).click(function(event){
var target = $(event.target);
if (target.parents(“#nicemenu”).length == 0) {
$(“#nicemenu span.head_menu”).removeClass(‘active’);
$(“#nicemenu div.sub_menu”).hide();
$(“#nicemenu img.arrow”).attr(‘src’,’images/arrow.png’);
}
});

});

[/CODE]

There are also are two other scripts that are involved with the first one, but I’m not sure if they’re the problem.

mootools-1.2-core.js
mootools-1.2-more.js

Should I paste that code as well? Or is the problem in the first two?

Thanks very much for any advice or direction!

Also in #JavaScript _↴