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...

I am currently working the front-end on a website. I am using jquery in order to create a dynamic content.  My problem is that when I type my URI (localhost/jquery/myfile/) and the index.php loads, my jquery script works, but when I click on my navig...

I have an application creating a bunch of divs through a loop.  Each div has the class "product"  so it looks like  <div class="product">        !.....stuff here ....!        <div class="show_on_hover">...buttons h...

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...