FAQ Database Discussion Community


setTimeout function not triggering on first mouseenter / hover

javascript,jquery,html,mouseevent,jquery-hover
Overview: I am creating a menu that shows a div 'showme' when you hover over a list item with class 'showhim'. I want a delay when switching between a list item so I included a setTimeout function. Problem: The setTimeout function is not being triggered on the first mouseenter event....

Hover over div changes another div heading

jquery,css,mouseover,active,jquery-hover
I will try to explain this the best I can. I have 5 boxes and want 1 box to have a different heading color. When I hover over the other 4 boxes I want the active box heading to change, resulting in the new heading to be a different color....

Hover class removed onload when cursor over item in jQuery

jquery,overlay,jquery-hover
I'm building a site with a jQuery hover function that swaps out the current image with that in data-hover-src and adds the class 'hover' to the .product-overlay so that I can use CSS to show it when the user hovers over each list item. All pretty simple stuff, however, if...

Jquery on hover and out

javascript,jquery,html,jquery-hover
I am trying to hide a div whenever I will hover over it and show another one in the same place.. And when I take the mouse out of that.. the previous div will be shown and this div will be hidden... $(document).ready(function(){ $('#hover_tutor').hover( function () { $('#hover_tutor').hide(); $('#hover_tutor_hidden').show(); },...

Hover effect fix

jquery,jquery-hover
I am using a hover effect in my portfolio website that acts funny when you go back and forth between boxes. Any ideas how to fix it? my site <script> jQuery(document).ready(function(e) { jQuery(".website a").hover(function() { jQuery(".website a").not(this).animate({ opacity: 0.4}); }, function() { jQuery(".website a").animate({opacity: 1}); }); }); </script> ...

Select the current element jquery - multiple divs

javascript,jquery,hover,jquery-hover
I'm new with jquery and I'm trying to understand how can I hover the current element in my situation: <div class="feat_pic"> <div class="feat_bg_img" style="background-image: url(<?php echo $src[0]; ?> );"><div class="layer"></div></div> <a class="home-feat-title" href="<?php the_permalink(); ?>"><?php get_the_title() ? the_title() : the_ID(); ?></a> </div> <div class="feat_pic"> <div class="feat_bg_img" style="background-image: url(<?php echo $src[0];...

onhover list items change particular styling

jquery,html,css,css3,jquery-hover
Hello fellow stackers, I have the following situation where I do not know exactly how I can solve it. I have some list items, when onhover on a item or onclick, this item should look like this: I have the following HTML code, but do not really know how I...

jquery .hover loads in reverse when mouseover

jquery,jquery-hover
I'm working with a simple jQuery function $( 'foo' ).hover( function () { $( this ).children( 'bar' ).delay( 250 ).stop( true, true ).slideToggle( 200 ); }) I noticed that if I load the page with the mouse over the 'foo' element then the hover fires in reverse. I shows on...

Need index number of item in array on hover

javascript,jquery,html,arrays,jquery-hover
I'm relatively new to JavaScript and I'm working on what should be a simple project. I'm stuck though and I'd love some opinions on ways to get a solution. I have a short products array like: var products = [ { name: "paper", price: 2.00, description: "White College-ruled Paper, 100...

Modifying An Element Already Activated By Another Selector

jquery,css,jquery-hover
I have a bit of a complicated problem. There are two elements here: (1). When selecting the $(".steps li") I want the whole <li> to change color to rgb(66, 81, 95). Then it has to change back to how it was before. This part I have accomplished already, using .data()....

How do I avoid hover event to fire in iPhone and iPad?

javascript,ios,iphone,javascript-events,jquery-hover
I had added an effect on hoverEnter and hoverLeave on my Divs assuming that these events wont fire on iOS devices. But on iOS devices the hoverEnter and click event fire and the hoverEnter effect is maintained. I dont want these hover events to fire on mobile devices. What should...

how do i change a div background when you hover over a button in another div?

javascript,css,jquery-hover,onhover
How do I change a div background when you hover over a button in another div? Hello, as I mentioned, I need to changed the background color of a div when i hover over a button below it. Basically there will be a div that shows an image(a tshirt logo)....

responsive website: how to keep on mobile, hover layer element “on” by default

javascript,html,css,jquery-hover
in my website, there are projects icons that have a layer on mouseover, that displays titles. What I looking for is to have that layer constantly there when viewing the site on mobiles. There is this piece of javascript code that apparently deals with that effect: /* Set Default Text...