Comments on: jQuery Show Div Mouseover Examples (On Hover image, On Hover div)

By: Rocky

Rocky — Thu, 21 Feb 2013 19:57:57 +0000

In reply to Robert Bonneer. Good luck! And let us know how it goes.

By: Robert Bonneer

Robert Bonneer — Tue, 19 Feb 2013 00:28:07 +0000

Thanks for the code!! I am going to use it on my portfolio site. I have four images and want to have a different description pop up on each image on rollover. I am going to try and customize your code a little to see if I can make this happen without having to have four separate lines for each image. I know I code use disjointed rollover for this, but that is not teaching myself something new. Well here goes, I will let you know how I did.

By: Robert

Robert — Tue, 15 Jan 2013 17:47:52 +0000

In reply to pria. Thanks for the comment. Glad to know it helps :)

By: pria

pria — Tue, 15 Jan 2013 17:31:16 +0000

In reply to Robert. Thank You so much! That works perfectly!

By: Robert

Robert — Sun, 13 Jan 2013 03:22:42 +0000

In reply to Pria. It's possible to do what you are asking. Try the following code & let me know how it goes:

	
$("#default_div").bind('mouseover',function(event){
        $('#hidden_div').show();
        $('#default_div').hide();		
});
	
$("#hidden_div").bind('mouseleave',function(){
        $('#hidden_div').hide();
        $('#default_div').show();
});

By: Pria

Pria — Thu, 10 Jan 2013 18:51:50 +0000

Hi Thanks for provide this code… it works great!

How can I hide the original default_div once I have hovered upon it to reveal the hidden div? Then it should re-appear once I do “mouseleave”. I tried doing something like below, but it didn’t work.

Thanks in advance for your help.

$(‘#default_div’).hover( function() {

$(‘#hidden_div’).show();
$(‘#default_div’).hide();

});

By: Robert

Robert — Sun, 16 Dec 2012 15:15:20 +0000

In reply to antonio.

Antonio,
Thanks for letting me know. Yes indeed, it wasn’t working as extra characters appeared in the code when it was pasted from my local development server to the WordPress platform. I have looked into it & fixed the issue. It’s working now. So you may now try it now & let me know how it goes.

Regards,
Robert

By: antonio

antonio — Fri, 14 Dec 2012 13:32:45 +0000

this is not working