Hide wheel completely

Question

I would like to hide a wheelnav completely. So far I've been hiding each individual slice using the hide() method. This was a suggestion I found here, but would also require me to loop through the items and show them again later. I also stumbled across a suggestion to call spreadWheel() on the wheels themselves. I liked this idea, as the animation for closing are played. However, This doesn't hide the spreader. If I have a title, icons, colored circle etc. as a spreader, this will still show on both 'solutions'. Is there any way I can hide everything in one call? Thanks.

Answer 1

You can achieve your needs outside the wheelnav.

When a spreader disappears at the end of closing how can you use that spreader for an opening?

Here is a possible solution:

switchButton.onclick = function () {
    if (wheelDiv.style.display === "none") {
        wheelDiv.style.display = "block";
    }
    else {
        wheelDiv.style.display = "none";
    }
    wheel.spreadWheel();
}