Combiner deux effets ajax

Bonjour,
Bon je vais essayer d'être le plus clair dans mon explication vu que le prob et un peut délicat.

Je suis entrain de créer un site personnel et pour ouvrir les différents partie du site (cv, projet, agenda etc...) j'ai eu recourt a un appel de <div> ajaxifié, pour ce faire j'ai crée un petit script qui est le suivant :

function makeObject(){
       var x;
       if (window.ActiveXObject) {
          x = new ActiveXObject("Microsoft.XMLHTTP");
       }else if (window.XMLHttpRequest) {
          x = new XMLHttpRequest();
       }
       return x;
    }
    var request = makeObject();

  var the_content;
    function check_content(the_content){
       request.open('get', the_content);
       request.onreadystatechange = parseCheck_content;
       request.send('');
    }
    function parseCheck_content(){
       if(request.readyState == 1){
          document.getElementById('content-wrapper').innerHTML = '<img src="../images/load.gif" />';
       }
       if(request.readyState == 4){
          var answer = request.responseText;
          document.getElementById('content-wrapper').innerHTML = answer;
       }
    }

et dans la page "index.html" je fait appel à la fonction check_content dans le menu exp :

 <a href="#" onClick='check_content("cv.html")'>CV</a> 

ça marche parfaitement pour toutes les pages présentes.

Maintenant voila le prob, dans la page CV par exemple, j'ai voulu ajouter un effet Accordion pour présenter les différentes section, alors j'ai eu recour au framework mootools, mais ça ne marche pas !

j'ai téléchargé le framework et j'ai fait appel au mootools.js et demo.js dans le fichier "index.html" et j'ai mis mon code de l'effet dans le fichier cv.html mais ça ne marche pas, quand je met mon code dans une partie de la page, hors la <div> qui est appelé par le script "ajax.js" ça marche, mais sinon ça ne marche pas !

Je vous détailler d'avantage si besoin.

Merci d'avance pour votre aide.