title: jQuery Owl Carousel 2 hide navigation
body: <p>I am building a nice content slider with the 'Owl Carousel 2' only is it possible to hide the nav buttons when there is only one or times items visible?</p>
  
  <p>And when there is only one item or two items visible that they get a second CSS class attached on the div.item?</p>
  
  <blockquote>
    <p>like: when there is one item: class"item one" and when there are two boxes: class="item two" when there are more then 2 then it's will be only class="item".</p>
  </blockquote>
  
  <p>JS:</p>
  
  <pre><code>jQuery("#sliderwhat").owlCarousel({
      loop : true,
      nav : true
  });
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="sliderwhat" class="box"&gt;
  
      &lt;div class="item"&gt;
          &lt;img src="image.jpg" alt="" /&gt;
          &lt;span&gt;Personal guide / &lt;span&gt;Amsterdam&lt;/span&gt;&lt;/span&gt;
          &lt;div&gt;Here some text bla bla bla.&lt;/div&gt;
      &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>