Menu desplegable con tembleque

[Mechabits]

Código Javascript:

var counterRec=-20;
function recolocarIzquierda(){
var intervalRec= setInterval(function(){
    var contenedorRecolocado=document.getElementById("menuDeslizante");
    var parar=false;
        if(counterRec<0){
            counterRec++;
            contenedorRecolocado.style.marginLeft=counterRec+"%";       
        }
        if(counterRec==0){
            clearInterval(intervalRec);
        }
    },100);
    
}
function recolocarIzquierda2(){
var intervalRec2= setInterval(function(){
    var contenedorRecolocado2=document.getElementById("menuDeslizante");
        if(counterRec>-20){
            counterRec--;
            contenedorRecolocado2.style.marginLeft=counterRec+"%";  
        }
        if(counterRec==-20){
            clearInterval(intervalRec2);
        }
    },100);
}
window.onload=function(){
var aparecer=document.getElementById("menuDeslizante");
var eventIzq=aparecer.addEventListener("mouseover", recolocarIzquierda, false);
var eventIzq2=aparecer.addEventListener("mouseout", recolocarIzquierda2, false);
 
}
 

Pues eso que le da el tembleque y no se que ocurre. Funciona bien pero los codigos chocan si no les dejas que lleguen hasta el final.

Algun consejo o idea?

Un saludo y gracias