Screencast #79 Questions

[rlseafor]

Ok, I got a decent start to my site (well actually almost completed and I am implementing the Jquery animations that Chris taught us Screencast #79.

My question is: When the box animates back to minimum size I have my header (ie: About Me) which always shows, rather it is Maximum size or Minimum size. I want to have content inside of the div class that will essentially reveal itself once the header is either clicked or hovered over. Then when it slides off/clicks on it again, I want the text to hide itself within the minimum box.

Any suggestions, or is this even possible within this realm of JQuery animations that were given in screencast #79?

[supperman]

So you want it to work on click and on hover? Or only one of those?

[soap]

confusing… provide images/code?

[rlseafor]

What’s happening on click/hover event: http://tinypic.com/r/300ehqu/7

Non-hover: http://tinypic.com/r/14vpav5/7

without paragraph text: http://tinypic.com/r/30203fn/7

Basically it needs to start looking like the 3rd picture, and contain the paragraph text while staying in the containing box after the click/hover event…

Don’t worry about the colors, just for visual purposes.

[supperman]

Try this : http://www.2meter3.de/code/hoverFlow/submenus.html

[rlseafor]

So you think for this, if I were to just replace the UL’s with my body copy that it should work? Seems like it should, but sort of confused when it talks about the children (‘ul’)…

/*Sorry, kind of new to JS/Jquery.*/

[rlseafor]

anyone else got any suggestions?

[Author]

Posts