Flexslider hide bullets below slideshow

Question

I am using a very basic slider and I have 2 questions:

1. I do not seem to find a property that hides the default button controls below the slideshow? I wish to have only the prev/next controls on hovering.

2. If I cannot have option 1, will making my own controls hide the defaults?

Thanks in advance for any help!

Code:

<script type="text/javascript" charset="utf-8">
  $(window).load(function() {
    $('.flexslider').flexslider();
  });
</script>

HTML:

<div class="flexslider">
<ul class="slides">
<li> <img src="http://www.xx.com/1.jpg" alt="" /> </li>
<li> <img src="http://www.xx.com/2.jpg" alt="" /> </li>
<li> <img src="http://www.xx.com/3.jpg" alt="" /> </li>
</ul>
</div>

Answer 1

You should pass "controlNav: false" to flexslider():

  $('.flexslider').flexslider({
    controlNav: false
  });

Answer 2

<script type="text/javascript" charset="utf-8">
$(window).load(function() {
    $('.flexslider').flexslider({
        controlNav: false
    });
});
</script>

Answer 3

flex-next :

$('#article-slider').flexslider({
  animation: "slide",
  controlNav: false,
  animationLoop: false,
  slideshow: false,
  sync: "#article-carousel",
  rtl: true,
  start: function(slider) {
    $('body').removeClass('loading');
  }
});