title: Flexslider direction navigation is not showing
body: <p>I am currently working for a <a href="http://annamaree.orchid.net.nz/" rel="nofollow noreferrer">site</a> with a flexslider issue.</p>
  
  <p><img src="https://i.stack.imgur.com/CmmRn.jpg" alt="enter image description here"></p>
  
  <p>The issue here is that by default, the slider navigation must appear when the slider starts the transition. </p>
  
  <p>I overwrite the flexslider code to :</p>
  
  <pre><code>$('#s1.flexslider').flexslider({
      'directionNav':true,
      'controlNav':true
  }); 
  </code></pre>
  
  <p>but still don't understand what the reason for the navigations not to work. </p>
  
  <p>The default styles of the ul where the direction nav links is located is hidden by default. </p>
  
  <p>The default markup of ul of the working slider:</p>
  
  <pre><code>&lt;ul class="flex-direction-nav" style="position: absolute; top: 0px; left: 0px; display: none; z-index: 1; opacity: 0;"&gt;
      &lt;li&gt;
          &lt;a class="flex-prev" href="#"&gt;Previous&lt;/a&gt;
      &lt;/li&gt;
      &lt;li&gt;
          &lt;a class="flex-next" href="#"&gt;Next&lt;/a&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>The default styles of ul:</p>
  
  <pre><code>position: absolute;
  top: 0px;
  left: 0px;
  display: none;
  z-index: 1;
  opacity: 0;
  </code></pre>
  
  <p>Any help would be greatly appreciated.</p>