Fullpage.js - show all hints when hovering one circle

Question

PROBLEM

I want all the tooltips to appear on the screen when I hover over one of the .nav-fp circles. I am wondering if there is a way to do this without overloading the jquery.fullpage.js file.

WHAT DOES NOT WORK

I tried manually with the code below, but did not succeed:

//Navigation Tooltips
$(function(eOut) {
    $(".fp-tooltip").hide();
    $("#fp-nav").hover(function() {
        $(".fp-tooltip").show();
    }, function(eOut) {
        $(".fp-tooltip").hide();
    })
});

Answer 1

How about using only CSS to override it by default:

#fp-nav ul:hover .fp-tooltip{
    right: 20px;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}

Online example

Thus, we tell fullpage.js to show tooltips whenever any part of the list freezes.