Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Scriptaculous vs Jquery slideDown();

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #29678

    How can I create a navigation menu similar to the one found on NFL.com using jquery? It as a drawer like drop down when you hover over a link.

    the scriptaculous slideDown functionality is exactly what I want but Is there something similar in jquery because i dont have to include two js libraries?

    Thanks.

    #80249
    Rob MacKay
    Participant

    yea – it’s called .slideDown() :D

    http://api.jquery.com/slideDown/

    #80262

    Im sorry, I was a little unclear. slideDown() only reveals the Div from the top. this other way ‘pulls’ the bottom down, appearing like a garage door.

    #80266
    Rob MacKay
    Participant

    ahh yes – I see what you mean, just checked the NFL :)

    what I would do is use animate – so kinda like…

    Code:
    var height = *calculate the height of the menu slide down box and store it in this var*

    $("itemSelector").hover(function() {

    $(‘boxSelector’).animate({top: height}, 500);

    }, function() {

    $(‘boxSelector’).animate({top: -height}, 500);

    });

    the hover function there will when you hover on, open the box, and then close it when you hover off… that is very rough to give you the idea. :)

    Animate is actually the way I do pretty much all of my movement style jQuery effects as the slideDown/slideUp or whatever never work exactly as I want them to…

    Here is some more for you to look at and see if it is right for you…

    http://api.jquery.com/animate/

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.