• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 284
  • Last Modified:

How to smoothly show a div by doing a scroll over page content

Dear Expert:

I have a web which shows information about a city. I would like to add a link at the top for showing/hiding a map of the city. When pressing the "show" link I would like the map to be shown progressively, i.e. by scrolling the bellow content and adding the map as if there was a powerpoint transition.

I think I have seen somewhere on a web. Is this possible ? Do you have an example for doing this ?

Thank you.
0
gplana
Asked:
gplana
  • 2
  • 2
1 Solution
 
VampireofdarknessCommented:
You will probably want to look into jQuery (jquery.com) as it can show/hide elements by using animations (like the image 'pulling down'. See: http://api.jquery.com/animate/

You may find that you get more hits for this in Javascript rather than JScript.

0
 
gplanaAuthor Commented:
Thank you for your help. I'm using Joomla for my site. Do you know if Jquery can be used on Joomla ? (as I think Joomla uses mootools).

Thank you.
0
 
VampireofdarknessCommented:
I've never used Joomla, so I can't say for sure; However, http://mootools.net/demos/?demo=Fx.Slide appears to be what you want. It hides and shows content, moving the content below it up/down.
0
 
gplanaAuthor Commented:
Excellent.

Thank you very much.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now