Show dots only on mouse hover ( Unslider slidershow)

Show dots only on mouse hover ( Unslider slidershow)

Im doing a slidershow with unslider and I already have the slideshow working, but now I´m trying to do show dots only on mouse hover but I´m having some problems. Can you give me a little help?

My Html:

<section id="banner-container">
    <div class="banner">
        
        <ul>
       
            <li>     
                 <img class="t" src="images/test2.jpg"/> 
            </li>
            
            <li>     
                 <img class="t" src="image s/test2.jpg"/> 
            </li>
            
        </ul>
    </div>
</section>

My jQuery try:

<script type="text/javascript">


$( ".t" ).hover(
  function() {
   $(function() {
    $('.banner').unslider({
dots: true,
});
});
  
  }
);


 $(function() {
    $('.banner').unslider({
speed: 2000,
delay: 2000,
fluid: true,
dots: false,
pause: true
});
});

</script>