Austauschen eines Div mit einer Bildergalerie (Javascript)

Question

Was ich im Moment habe, ist ein Vorschaufenster, das beim Klicken auf ein div zeigt, das eine Bildergalerie enthält. Es ist jedoch eine sofortige Umstellung und ich würde es vorziehen, glatt zu sein. Die Bildergalerie ist die Smoothgallery. Ich habe einen Weg gefunden, das div problemlos zu erweitern, aber das bricht die Galerie. Da die Galerie auf Mootools basiert, würde mir jemand zeigen können, wie man ein div reibungslos erweitert, während man die Bildergalerie mit Mootools intakt lässt.

<div id="initDiv"> 
    <?php if (has_thumbnail_image($post)) : ?> 
     <div onClick="HideDIV('initDiv');animatedcollapse.show('mainDiv');startGallery();"><?php echo thumbnail_image_overlay($post, 580); ?></div> 
    <? else: ?> 
     <img src='http://localhost:8888/Bionic/bionic-wordpress/bionic-dev/wp-content/themes/bionic/images/black.jpg'> 
    <?php endif; ?> 
</div> 

<div id="mainDiv" style="display:none;"> 
    <script type="text/javascript"> 
     function startGallery() { 
      var myGallery = new gallery($('myGallery'), { 
       timed: false, 
       defaultTransition: "fadeslideleft" 
      }); 
     } 
     //window.onDomReady(startGallery); 
    </script> 
    <div id="myGallery"> 
    <?php echo all_images($post); ?> 
    </div> 
</div> 

Jede Hilfe wäre sehr geschätzt, danke.

EDIT

Als ich erweitern die Galerie i in Firebug diesen Fehler: element.getElements keine Funktion (jd.gallery.js (Linie 147)). Ich nehme die glatte Erweiterung raus und es geht weg.

ZWEITE EDIT

Der Code, den ich zu zeigen, verwenden die div zu erweitern:

<span onClick="HideDIV('initDiv');animatedcollapse.show('imgDiv');startGallery();><img></span> 

Answer 1

Der Fehler zeigt an, dass die JS-Bibliothek konnte nicht seine Haken in die DIV (GetElements installieren() ist nicht eine Standardfunktion eines HTML-Elements). Wie bekommen Sie einen Zeiger auf das DIV? document.getElementByID()? Oder verwenden Sie die Element-Lookup-Funktion Ihrer JS-Bibliothek?