Hey, I have an input field
and it is hidden until the following :hover css
But I want to have it so if you enter text in the input, the :hover style stays visible so the input field doesn't disappear. Is there a simple way to code something like this with jQuery?
CSS:
.search-form input[type="text"]
and it is hidden until the following :hover css
CSS:
.search-slide {
left: -9999px;
position: absolute;
top: -9999px;
white-space: nowrap;
}
.search-form:hover .search-slide {
left: auto;
right: 100%;
top: 0;
}
But I want to have it so if you enter text in the input, the :hover style stays visible so the input field doesn't disappear. Is there a simple way to code something like this with jQuery?