Владимир

можно попробовать как-то так

$(document).ready(function(){
        $("form").submit(function(e){
          e.preventDefault();
          var text = $("body").html();
          text = text + $("#text").val();
          $("body").html(text);
        });
      });

Поместить контент модуля в скрытый блок а после загрузки dom яваскриптом переносить контент из скрытого блока в нужное место.
Не знаю как это сделать на mootols, но на jquery будет примерно так:

<div class="hidden-module" id="hm1"><jdoc:include type=”modules” name=”hiddenpos” /> </div>
<!-- html -->
<div class="visible-module" id="vm1"></div>
<script>
$(document).ready(function(){
  $('#vm1').html($('#hm1').html());
});
</script>
<source>

BackOut

Ответ всем, кто предлагает гиф:
Потому что хочу в дальнейшем делать более сложную анимацию. А эта задача — как раз подходит, что бы научится.