Off the top of my head, and without looking at the site in question (sorry, a
bit pinched for time...)
Build your HTML. Use CSS to position things where you want. For example, a
DIV with an absolute position. Then when you are happy with the
positionin/layout, set the container to display: none. Give that div (or
container) an ID. Now you can do something like this:
$(document).ready( function () {
$("#myLink").hover(
function () { $("#myContainer").fadeIn(); },
function () { $("#myContainer").fadeOut(); }
);
});
I may have the .hover event wrong (docs aren't loading for me right this
moment...) But this should get you started. You may be able to use
the .toggle() method as well - up to you.
Btw, simple fading requires no additional plugins.
HTH
Shawn
On Thursday 30 October 2008 16:37:47 searly wrote:
> Hi there,
>
> sorry if this is the wrong place to post this, I am fairly new to
> jQuery and wonder if somebody could help me.
>
> On the front page of the JQuery website are three links
>
> 1. Lightweight Foot Print
> 2. CSS3 Compliant
> 3. Cross-browser
>
> When hovering over the links an area fades in (transparent) and when
> leaving the area the area fades out again. The area seems to contain
> paragraphs etc.
>
> I wonder if somebody knows with which plugin this was achieved, as i
> want to do sth. similar whereby an area with a number of further links
> fades in.
>
> Thank you very much
