Grow your CSS skills. Land your dream job.

Hidden Menu

  • # November 25, 2011 at 7:56 am

    Hi There,

    I was wondering if anyone could help me out with some jQuery magic. I’m trying to achieve a similar effect to the hidden menu on Happy Cogs ‘Cognition’ blog site. The menu is at the top right and when clicked on, the website slides down to reveal the other sites of the Happy Cog family. The only thing i can think of that is similar is an Accordion Menu, but it doesn’t quite react the way i would like it too. I was wondering if anyone could point me in the right direction to help achieve this effect?

    The link to the site is, http://cognition.happycog.com/

    Many Thanks,

    Cameron

    # November 25, 2011 at 10:30 am

    not an expert. but looking thru the source code it’s “jQuery easing v1.3″…
    http://gsgd.co.uk/sandbox/jquery/easing/

    # November 25, 2011 at 10:42 am

    This is a basic way to achieve a similar effect.


    Obviously you would want your hidden div to be hidden so you might write some CSS to display:none

    # November 25, 2011 at 12:31 pm

    Awesome! Thanks for your help guys, much appreciated!

    # November 25, 2011 at 1:04 pm

    cameron… I hope you don’t mind me hijacking your thread, but I’m a newbie to this myself.

    I’ve set up a fiddle…

    http://jsfiddle.net/stevedeer/Pbm3w/32/

    I’m trying to reveal the hidden div “#boxtoreveal” by using the paragraph box “p.trigger” as the trigger (the div should ease down, and then ease back up when the trigger is pressed again

    I’m struggling with BC’s code, can anyone point me in the right direction

    thanks in advance

    steve

    ps: apologies if I’m not using the correct descriptive words

    # November 25, 2011 at 1:32 pm

    .

    # November 25, 2011 at 1:32 pm

    I’ve tried this script in the js pane…


    but to no avail

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".