title: Unfold animation on DIV with Oridomi (JS)
body: <p>I'm using the Oridomi (oridomi.com) Javascript plugin to achieve a paper folding animation. Specifically, I would like to have a div unfold on page load (picture a book opening).</p>
  
  <p>However I am having difficulty getting the unfold() method to work, despite being a method which can be called on with the plugin.</p>
  
  <p>You can see from this <a href="http://owengot.com/unfold/index.html" rel="nofollow">example</a>, that I can only get the div to fold back, rather than unfold from a folded state (in effect, I would like the animation to be reversed).</p>
  
  <p>My javascript function -</p>
  
  <pre><code>(function(){ function init(){
  
  var $domi = $('.unfold').oriDomi({ vPanels: 2, hPanels: 1, speed: 500, shading: false });
  
  setTimeout(function(){
  $domi.oriDomi('reveal', -90);
  }, 600);}
  
  document.addEventListener('DOMContentLoaded', init, false);
  
  })();
  </code></pre>
  
  <p>And CSS -</p>
  
  <pre><code>.unfold {
      font-family: "Abril Fatface", "Hoefler Text", Constantia, Palatino, Georgia, serif;
      font-size: 4.5rem;
      width: 25rem;
      height: 10rem;
      text-align: center;
      line-height: 1;
      color: #ff676d;
      background-color: #6ac1ff;
      padding: 2.5rem 0;
  }
  </code></pre>
  
  <p>The documentation on <a href="http://oridomi.com" rel="nofollow">http://oridomi.com</a> is not very clear on how this can be implemented. Any help would be very much appreciated. Thanks</p>