I have created a carousel with a previous and a next button that are always visible. These buttons have a hover state, they turn blue. On touch devices, like iPad, the hover state is sticky, so the button stays blue after tapping it. I don't wa...

I have a <div>, and I want to toggle its classes on hover.  Here is my code:  function a(){     this.classList.toggle('first');     this.classList.toggle('sec'); } document.querySelector('#container').addEventListener(&#...

I've been digging all day to find out how to style the parent li when hovering on a child li element.  e.g.  <ul> <li> Parent Element </li>     <ul>     <li> Child Element </li>     </ul> <ul>   I&#...

I have a set that only contains a rectangle.  var hoverTrigger = this.paper.set(); var outline = this.paper.rect(); outline.attr({ ... hoverTrigger.push(outline) this.sprite.push(hoverTrigger);   Upon hover, the rectangle is supposed to expand, and s...

I created a very basic sample:  HTML  <div id="bla"></div>   CSS  #bla {     width:400px;     height:400px;     background-color:green;     display:none; }  #bla:hover{    background-color:red; }   As you can see it's a DIV th...

First of, I'd like to use only native JavaScript to complete this task.  Let's say I am to make a custom dropdown, and the HTML code looks kind of like this.  <div class="dropdown">   <span class="dropdown-label" styl...

I have a thumbnail image.  Upon mousing over this image, an entirely new image appears nearby, as intended.  THE CHALLENGE The new image must remain once the hovering of the thumbnail is over. The new image should only disappear when the user mouses...

I want run a function when the mouse hovers over each select option in the list.   In this example what I have is a select with a list of colours and I want the background of a separate element in the document to change to the colour as I hover over...

I'm having trouble getting something like this to work.  I've got a series of DIVS (1 through 8) and when you hover over one div, I want to literally change the contents of one of the other divs with the contents of #replace (which is current...

This question already has answers here:...