What is this script that makes website drop down?

by 8 replies
10
I hope all is well with everyone. I saw a site that we like. There is a function, which I assume is some kind of script. I was wondering if anyone would view it and provide the script that can accomplish this for a website.

If you go to: Concord Church: Home

Click on "Ministries" and you'll see how the entire page drops down.

Can anyone provide a script/code that makes the page do this?
I would really appreciate it.

Thanks a bunch.
#programming #drop #makes #script #website
  • looks like a .JS script.


    send me a PM or email me ill code it for you william@webdevelopmentgroup.org

    WILL -
  • The script itself won't help you...

    You also need to know how to implement it and style the "div's".

    Simple jQuery would do the trick (slideDown/slideUp or slideToggle)...
    • [1] reply
    • Judging from their JS code here, I'm guessing that they are using this.

      As Michael mentioned though, the same thing could be accomplished with jQuery. This would do the job, with a bit of tweaking.
  • I am agreed with "WebdevelopmentGroup". It is JS script.
  • Yep, looks like JS, 97dc077454407f1e11fe4221f679ae2d.png
  • That's what we all need... posts that say again what has already been said...

    Ofcourse it is JS... that was mentioned in post #2...

    Brandon

    No need to use the bloated jQuery UI for a simple slideToggle
    • [1] reply
    • Good point. I have been using the UI library a lot lately, and had forgotten that the regular jQ library could do something similar. There's some pretty cool stuff in UI though, and if you're worried about file size, you can always use the custom download builder to get only what you need.

      Oh, and by the way... I agree with WebDevelopmentGroup, annaharris, and Nuutero that this was done in Javascript! :rolleyes: :p
      • [ 1 ] Thanks
  • Just off the top of my head.
    Have the div set to a z index under the main container. Then onclick use jquery animate to move the main container down.
Join the discussion

Next Topics on Trending Feed