Questions tagged [jquery-hover]

The hover() function establishes event handlers for both when the mouse enters and leaves the specified element.

Basic Hover Effect in Javascript

Looking at this snippet of HTML: <div id="site-header-inner"> <div id="header-logo"> <?php echo wp_get_attachment_image(get_field('header_logo','options'),'full'); ?> </div> <div id="header-nav"> <u ...

Tips for invoking a custom function in jQuery with a delay when hovering

I've been struggling with my syntax, trying to achieve something simple. I have a function called 'displayUserinfo' that pops up a box with user information. It is triggered when the user clicks on an element with the class 'avatar': $('.avatar').on('cli ...

Display item upon hovering and for an extended period upon clicking using jQuery

I am looking to create a functionality where hovering over an area displays item 2 for a certain duration, which is currently working fine with the existing code. However, I also want it to remain visible for a longer period if clicked, but this does not ...

Updating the content of a div when the mouse hovers over it

Looking for some help here - I have a few divs with paragraphs of text inside. My goal is to change the text in each div when it's being hovered over. I know this can be done using JavaScript (jquery perhaps?), but my coding skills are pretty basic. A ...

What is the functionality behind the Image Hover jQuery plugin?

I am relatively new to using jQuery and I would like to incorporate the Image Hover plugin on my website. Specifically, I have a collection of thumbnails representing various projects on my site. What I need help with is implementing a feature where when y ...

Display upon hovering, conceal with a button located within a popup container

There seems to be an issue with the code below. Even though it works perfectly in jsfiddle, it breaks in my Chrome and other browsers right after displaying the ".popup" div. Can anyone point out what I might be doing wrong? I found similar code on this si ...

Animated CSS image swap triggered by hovering over and moving away from an element

I just started learning about jQuery yesterday, so I'm struggling a bit. But I have an idea in mind - I want to swap the image of my logo when the mouse hovers over it. Here's the code I've come up with so far, although I know it's not ...