1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

sliding expand/collapse div boxes?

Discussion in 'HTML & Website Design' started by abcdefGARY, Feb 11, 2007.

  1. #1
    hi,

    I was recently surfing a site and they had these cool sliding expanding and collapse div boxes that actually show the sliding.
    SEMrush
    I checked the source of the page and noticed that it did not implement flash of any sorts.

    so I guess this is javascript? I did some searching around Google and could not find a lot on this.

    I think this would be neat to implement on my website and was wondering if anyone could point me to somewhere where it teaches you how to implement this code.

    thanks in advance.
     
    abcdefGARY, Feb 11, 2007 IP
    SEMrush
  2. grrreat

    grrreat Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    what website is it?

    some of the sliding transition affects can be implemented using javascript libraries... like moo.tools or dojo
     
    grrreat, Feb 12, 2007 IP
  3. designcode

    designcode Well-Known Member

    Messages:
    738
    Likes Received:
    37
    Best Answers:
    0
    Trophy Points:
    118
    #3
    Three of my websites are using that effect you have seen,
    I have implemented Script Aculo library found at
    http://script.aculo.us/

    Its cross browser compatible, and very easy to implement. Its site have many examples on how to implement script. Give it a try, its worth trying :)
     
    designcode, Feb 12, 2007 IP
    abcdefGARY likes this.
  4. the_pm

    the_pm Peon

    Messages:
    332
    Likes Received:
    33
    Best Answers:
    0
    Trophy Points:
    0
    #4
    I created a script that does exactly what you're asking and published it for open use a month ago or so.

    http://www.iwdn.net/showthread.php?t=5637

    The API for this script requires no changes to the script itself. Just follow the naming convention I laid out for the object you'd like to slide open, and everything else takes care of itself. Enjoy :)
     
    the_pm, Feb 12, 2007 IP
    abcdefGARY likes this.
  5. abcdefGARY

    abcdefGARY Well-Known Member

    Messages:
    665
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    110
    #5
    wow, these are great. I first found it on digg.com in the comments section, where unpopular comments are hidden.

    I'll give you both some greens.
     
    abcdefGARY, Feb 12, 2007 IP
  6. designcode

    designcode Well-Known Member

    Messages:
    738
    Likes Received:
    37
    Best Answers:
    0
    Trophy Points:
    118
    #6
    Thanks mate (y), BTW digg is using the same library which is being used on my website :)
     
    designcode, Feb 12, 2007 IP