How to hide the panels until hover or clicked?

[ollie007]

How to hide the panels until hover or clicked?

would like an option to hide the panel unless its required

display:hidden

would it be revealed by this script?

i have a panel up top which loads on page load, but it would be better hidden until hover on activator

[seanhudson]

Did you ever get this fixed? It doesn't look like anyone has responded in a while.

[whatnickcodes]

Just use basic CSS and jQuery for this:

.my-panel-name {
    opacity: 0; /* or display: none; or visibility: hidden; */
}
.my-panel-name.show {
    opacity: 1; /* or "display: block;" or "visibility: visible;" */
}

// On hover
$('.on-hover-of-something').hover(function() {
     $('.my-panel-name').addClass('show');
});

// On DOM ready
$(function() {
     $('.my-panel-name').addClass('show');
});

// On Page Load
$(window).load(function() {
     $('.my-panel-name').addClass('show');
});