画像ギャラリー（JavaScript）でdivを交換する

Question

私が今使っているのは、クリックすると画像ギャラリーを含むdivを表示するプレビューウィンドウです。しかし、それは即座の変更であり、私はそれが円滑であることを好むでしょう。画像ギャラリーはSmoothgalleryです。私は円滑にdivを拡張する方法を見つけましたが、これはギャラリーを破壊します。ギャラリーはMootoolsをベースにしているので誰かがmootoolsを利用して画像ギャラリーをそのまま残しながらdivをスムーズに拡張する方法を教えてくれますか？

<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> 

ご協力いただきありがとうございます。

EDIT

私はギャラリーを展開すると私は放火犯にこのエラーが表示されます。element.getElements（jd.gallery.js（ライン147））関数ではありません。私は円滑な拡大を取り出し、それは遠ざかります。

SECOND EDIT

私が展開しているdiv要素を示すために使用したコード：

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

Answer 1

エラーがJSライブラリではありません）（DIV（getElementsにそのフックをインストールすることができなかったことを示していますHTML要素の標準的な機能）。どのようにしてDIVへのポインタを取得しますか？ document.getElementByID（）？またはJSライブラリの要素検索機能を使用していますか？