Hide/Show orbit nav with jQuery

OrbitNavToggle.js

//must wrap the orbit element in a div
// wrapper > orbit
$(window).load(function () {
        $('#orbit').orbit({
            timer: true,
            animation: 'horizontal-slide',
            bullets: true
        });
        $('#wrapper .slider-nav').hide();
    });

    $('#wrapper').on({
        mouseenter: function () {
            $('#wrapper .slider-nav').show();
        },
        mouseleave: function () {
            $('#wrapper .slider-nav').hide();
        }
    });