What is this script that makes website drop down?

8 replies
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.
#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 -
    Signature
    WebDevelopmentGroup NYC & CA- Small Business Web Development, App Development, WordPress Development, Graphic Designs, Online Marketing, Local Marketing & more!. "Call us 1.800.219.1314 or message us!". Visit us today! "Now On Live Chat Mon-Fri.". www.WebDevelopmentGroup.org
    (Whitelable our Services)
    ===================================
    ==> #1 OFFLINE MARKETING FORUM ON THE WEB! <==
    www.OFFLINEMARKETINGFORUM.com
    (Register Now)
    {{ DiscussionBoard.errors[8055542].message }}
  • Profile picture of the author Michael71
    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)...
    Signature

    HTML/CSS/jQuery/ZURB Foundation/Twitter Bootstrap/Wordpress/Frontend Performance Optimizing
    ---
    Need HTML/CSS help? Skype: microcosmic - Test Your Responsive Design - InternetCookies.eu

    {{ DiscussionBoard.errors[8055544].message }}
    • Profile picture of the author Brandon Tanner
      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.
      Signature

      {{ DiscussionBoard.errors[8055667].message }}
  • Profile picture of the author annaharris
    I am agreed with "WebdevelopmentGroup". It is JS script.
    {{ DiscussionBoard.errors[8061832].message }}
  • Profile picture of the author Nuutero
    Signature
    The simple things and subtleties they always stay the same
    I don't mind, that I don't mind, no, I don't mind the rain
    Like a widow's heart
    We fall apart
    But never fade away
    {{ DiscussionBoard.errors[8062314].message }}
  • Profile picture of the author Michael71
    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
    Signature

    HTML/CSS/jQuery/ZURB Foundation/Twitter Bootstrap/Wordpress/Frontend Performance Optimizing
    ---
    Need HTML/CSS help? Skype: microcosmic - Test Your Responsive Design - InternetCookies.eu

    {{ DiscussionBoard.errors[8064798].message }}
    • Profile picture of the author Brandon Tanner
      Originally Posted by Michael71 View Post

      Brandon

      No need to use the bloated jQuery UI for a simple slideToggle
      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
      Signature

      {{ DiscussionBoard.errors[8065377].message }}
  • Profile picture of the author FirstSocialApps
    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.
    {{ DiscussionBoard.errors[8069632].message }}

Trending Topics