SitePoint Sponsor

User Tag List

Results 1 to 5 of 5

Hybrid View

  1. #1
    Knowledge is key 2 progression Tryst's Avatar
    Join Date
    Sep 2003
    Location
    Wales
    Posts
    1,181
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Expandable Boxes

    Hi all,

    Can anyone direct me to a good tutorial that shows how to create these expandable boxes, such as the ones used here on the Sitepoint Forum index page.

    I'm hazarding a guess that these are done in either CSS or Javascript, or even both

    Thanks

    Tryst

  2. #2
    Non-Member Egor's Avatar
    Join Date
    Jan 2004
    Location
    Melbourne, Australia
    Posts
    7,305
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Hi,

    Fell free to use my code from www.dersilanlari.com

    Basically it's two different stylesheets with one telling the column to display: none;


    All the javascript does is sets a cookie and allows you to switch between styles when clicking a button.

  3. #3
    Knowledge is key 2 progression Tryst's Avatar
    Join Date
    Sep 2003
    Location
    Wales
    Posts
    1,181
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks

    So the expandable links/boxes in the forum index work in a similar way to the way you have implemented you CSS?

    Nice web site by the way

    Tryst

  4. #4
    Non-Member Egor's Avatar
    Join Date
    Jan 2004
    Location
    Melbourne, Australia
    Posts
    7,305
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Yup! While the CSS may vary slightly, it has exactly the same functionality. The javascript used was obtained from www.alistapart.com if I remember correctly.

    offtopic:
    I appreciate the comment. Possibly the worst example though, as I wasnt responsible for the layout design.

  5. #5
    SitePoint Enthusiast
    Join Date
    Jul 2004
    Location
    Massachussetts, US
    Posts
    76
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Well I have a little javascript on my site that you can tell it to not display a class on onClick.


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
  •