How to make a whole div flippable?
<p>I am using quickFlip and it's super dope but I can't figure out how get an entire div to flip. The class used to flip the div doesn't work when attached to the actual div so I tried a p element inside the div with height and width set 100% and adding the flip class to that but now I can't nest headings inside there. </p>

<p>Any ideas on how ti make divs flippable using jQuery?</p>

<p>My current html for tiles is like this:</p>

<pre><code>&lt;div id="tile-wrap"&gt;
           &lt;div class="size4 red fL i-projects"&gt; 
        &lt;h1&gt;Project Portfolio&lt;/h1&gt;
    &lt;/div&gt;
            &lt;div class="size4 orange fR i-interests"&gt;
        &lt;h1&gt;Career Interests&lt;/h1&gt;
    &lt;/div&gt;
    &lt;div class="size4 purple fL i-resume"&gt;
        &lt;h1&gt;Resume&lt;/h1&gt;
    &lt;/div&gt;
    &lt;div class="size4 green fR"&gt;
    &lt;/div&gt;
    &lt;div class="size4 x-l blue fL i-person"&gt;
        &lt;h1&gt;About Me&lt;/h1&gt;
    &lt;/div&gt;
     &lt;div class="size4 yellow fR i-school"&gt;
        &lt;h1&gt;Education&lt;/h1&gt;
    &lt;/div&gt;
    &lt;div id="contact" class="size2 black fL i-email"&gt;
        &lt;h1 style="text-align:left"&gt;Contact&lt;/h1&gt;
    &lt;/div&gt;
  &lt;/div&gt;
</code></pre>

<p>What I tried to with quickFlip was this but I can't get any headings or other content in there.</p>

<pre><code> &lt;div id="tile-wrap"&gt;
    &lt;div class="quickFlip"&gt;
         &lt;div class="size4 red i-interests"&gt; 
        &lt;p class="quickFlipCta" style="height:100%;width:100%"&gt;
                &lt;!-- this is not shown --&gt;
                &lt;h1&gt;Project Portfolio&lt;/h1&gt;
             &lt;/p&gt;
         &lt;/div&gt;
         &lt;div class="size4 red"&gt;
          &lt;p class="quickFlipCta" style="height:100%;width:100%"&gt; 
              &lt;h1&gt;Provide Info Here&lt;/h1&gt;
              &lt;!-- this is not shown and niether is the heading above --&gt;
              This might contain a list or something.
          &lt;/div&gt;
    &lt;/div&gt;
     &lt;/div&gt;
</code></pre>

<p>This is makes the entire tile flippable but now I can't have any headings and I assume there are lots of things you can't nest in a p element so I can't so use those either.</p>

<p>Any solution? I wonder why the <strong>class="quickFlipCta"</strong> doesn't work on divs. If it did, it would be even more amazing.</p>
