使用图像库（Javascript）交换div

我现在拥有的是一个预览窗口，当单击它时，它会隐藏以显示包含图像库的div。然而，这是一个瞬间的改变，我希望它是顺利的。图像库是最新的。我已经找到了一种方法来顺利地扩展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>  

函数startGallery（）{
var myGallery=new gallery（$（'myGallery'）{
时间：错，
defaultTransition:“fadeslideleft”
});
}
//窗口。Ondomreyd（startGallery）；

任何帮助都将不胜感激，谢谢

编辑

当我展开gallery时，我在firebug中得到这个错误：element.getElements不是一个函数（jd.gallery.js（第147行））。我取出平滑膨胀，它就消失了

第二次编辑

我用来显示要展开哪个div的代码：

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

---

该错误表明JS库无法将其挂钩安装到DIV中（getElements（）不是HTML元素的标准函数）。如何获得指向DIV的指针？document.getElementByID（）？或者您正在使用JS库的元素查找功能？
好主意，但同样的问题。谢谢：）我找到了一个可行的解决方案，谢谢你的帮助D