title: Kendo UI Mobile - CSS attribute resets on view transition when removed in JQuery
body: <p>Currently I am handling the flicker of unstyled content of my kendo mobile web app by applying the following css rule within my css file:</p>
  
  <pre><code>[data-role="content"]
      { 
      visibility: hidden;
      }
  </code></pre>
  
  <p>This hides all of my content within my kendo views, then in the JQuery "load" event, I remove the above css attribute:</p>
  
  <pre><code>$(window).bind("load", function () {
      // flicker of unstyled content
      $("[data-role=\"content\"]").css("visibility", "visible");
  });
  </code></pre>
  
  <p>All has worked fine and I haven't had any issues with this, except when using kendo's view transitions.</p>
  
  <p>When I use the <code>slide:left</code> transition, the original <code>visibility: hidden;</code> defined in my css file is re-applied, causing everything to be invisible.</p>
  
  <p>Is there a reason why this is happening, specifically, with kendo and how it handles views and transitions? I understand I could probably manually add a class with <code>visibility: hidden;</code> to each <code>data-role="content"</code> element, and then remove that class in jquery's "load" event handler, but I wanted to my solution to be a bit less "hardcoded."</p>
  
  <p>Thank you.</p>