Results 1 to 5 of 5

Thread: Animated Collapsible DIV v2.2

  1. #1
    Join Date
    May 2009
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Lightbulb Animated Collapsible DIV v2.2

    1) Script Title: Animated Collapsible DIV v2.2

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...edcollapse.htm

    3) Describe problem:

    Hi all,

    is there any way of making the animated collapse NOT push the content down?

    By default, when I expand it, it pushes all the content down. I'd like this content to stay, and the expansion to overlay it

    Any suggestions?

    Thanks in advance
    PZ

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Hmm the only quick way I can think of is basically to put the all the collapsible DIVs inside an absolutely positioned DIV.
    DD Admin

  3. #3
    Join Date
    May 2009
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I tried that, but then the collapsed animation scrolls BELOW the content.

    Then I tried to z-index each div, trying to re-arrange an order - it didn't work

  4. #4
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    You should give the absolutely positioned DIV that contains the contents a high z-index. Doing this on the individual contents won't have any effect relative to the rest of the page.
    DD Admin

  5. #5
    Join Date
    May 2009
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Okay. so I'm using this script so I mayaswell use this post...

    Anyways.. I want it so that instad of clicking you hover over it and it opens and then after a couple of seconds when your not on it, it automatically collapses...

    Any ideas? I've got it to open with the onmouseover"the javascript bit".

    Thanks, Chris

    EDIT: Damnit... Also, how can I make it so its horizontal instead of vertical? Right because I'm using tabs and when you hover over a tab, the tab slides down with a menu on top.

    Thanks, Chris
    Last edited by ChrissehB; 05-28-2009 at 09:00 PM.

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
  •