In this tutorial we are going to create a simple profile overview page containing 4 profile images and names. When we hover over the image or name a more detailed profile will appear. This div is positioned
before
the image and name link in the code and is initially hidden. When we hover over the image, a jQuery event will occur which will change the display declaration from hidden to block, making the div appear. This is when we make use of the
prev()
method.
Tags:
Image Hover Effect
Demo: http://creativeindividual.co.uk/wp-content/uploads/2011/jquery-popup-div-02/#
Download Links
http://creativeindividual.co.uk/2011/08/create-multiple-pop-up-divs-using-the-jquery-prev-method/