SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Zealot
    Join Date
    Aug 2010
    Posts
    197
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)

    how to make accordion nav slide up to open, down to close

    Hi,

    I'm making navigation almost identical to this
    http://ui-cloud.com/res/designmoo/Ac.../accordion.jpg

    most navs like this that I've seen are at the top of the page and use jQuery's slide down to reveal the sub nav and slideUp to close it.

    but my navigation is fixed to the bottom on the page ( for a mobile site ). So how can I get the nav/accordion to slide up to reveal the nested <ul>?

  2. #2
    SitePoint Zealot
    Join Date
    Aug 2010
    Posts
    197
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Thanks all for looking.. the solution that worked for me was just CSS. I was using absolute positioning to hold it at the bottom. But I was using top:0; left:0;. With the top setting slideDown() was of course sliding down to reveal the content. But once I changed it to bottom:0; , then slideDown() was forced to slide up to reveal the content.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •