title: Flexslider2 shows for a moment all content on initialisation
body: <p>When I open my website, my Flexslider 2 shows for a short moment all the content I have in my slider, which in this case are three words, which afterwards fade in one another.</p>
  
  <p><a href="http://jakubdegler.ch/involved/" rel="nofollow noreferrer">http://jakubdegler.ch/involved/</a></p>
  
  <p>I have this in my head:</p>
  
  <pre><code>   &lt;!-- FlexSlider --&gt;
    &lt;script defer src="flexslider/jquery.flexslider.js"&gt;&lt;/script&gt;
  
  
  &lt;!-- FLEXSLIDER --&gt;
    &lt;script type="text/javascript"&gt;
  
    // Can also be used with $(document).ready()
      // start: function(slider) { slider.removeClass('loading');  }
  
  
  
      $(window).load(function() {
        $('.flexslider').flexslider({
          animation: "fade"
  
  
        });
  
      });
  
  
  
   &lt;/script&gt;
  </code></pre>
  
  <p>This is my Flexslider HTML:</p>
  
  <pre><code>&lt;div class="row" &gt;
  &lt;div class="medium-12 large-12 columns" id="nopadding"&gt;
    &lt;div class="content"&gt;
      &lt;div class="parallax-bg"&gt;
  
        &lt;div class="title"&gt;
  
              &lt;!-- Place somewhere in the &lt;body&gt; of your page --&gt;
                &lt;div class="flexslider loading"&gt;
                  &lt;ul class="slides"&gt;
  
                    &lt;li&gt;
                      &lt;p&gt;Menschen&lt;/p&gt;
                    &lt;/li&gt;
  
                    &lt;li&gt;
                      &lt;p&gt;Werte&lt;/p&gt;
                    &lt;/li&gt;
  
                    &lt;li&gt;
                      &lt;p&gt;Fähigkeiten&lt;/p&gt;
                    &lt;/li&gt;
  
  
  
                  &lt;/ul&gt;
                &lt;/div&gt;
  
        &lt;/div&gt;
  
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;   
  </code></pre>
  
  <p>Thanks a lot</p>
  
  <p>Jakob</p>