SitePoint Sponsor

User Tag List

Results 1 to 8 of 8

Thread: Expand Div

  1. #1
    SitePoint Evangelist
    Join Date
    Aug 2009
    Posts
    473
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Expand Div

    Not sure if I should be posting this here or in jquery what I'm trying to do so far it works great to View More content then View Les content.

    But was wondering is there a way I can make it animate so it doesnt just show up, so it actually pushes everything down like animates it and pushes the div below down, etc.

    http://modocom.ca/expand-test

    Thanks,

    Mike

  2. #2
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    5 Post(s)
    Tagged
    0 Thread(s)
    Hi .

    Depends on what support you want. There are transitions in CSS3 which can do what you want, although the support is minimal.

    Javascript would allow more browsers to get it, except those with JS turned off.
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  3. #3
    SitePoint Evangelist
    Join Date
    Aug 2009
    Posts
    473
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'd probably want to use Javascript as already am in this example, just want to add the animation to it so its fluid.

    Any way I can achieve this that you know of Ryan.

    Thanks your the best,

    Mike

  4. #4
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    5 Post(s)
    Tagged
    0 Thread(s)
    I'd go to [url=http://jquery.com[/url] and use that. Is the example on the homepage something that you are trying to achieve?
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  5. #5
    SitePoint Evangelist
    Join Date
    Aug 2009
    Posts
    473
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I dont think so, dont really see an example on the home page.

    If you check out the link...

    http://modocom.ca/expand-test

    You'll see how it expands when you click on "View More"

    So that part all works would just like it to do something like....

    http://www.jonathanfielding.com/expe...dingtext-demo/

    Tried doing it the way on that site above but couldnt get it to have the View More move down with the text and turn to View Less. So basically what I'm trying to do is keep what I currently have I like the way it works but just have the expanding navigation effect like the link above, if that makes sense lol.

  6. #6
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    5 Post(s)
    Tagged
    0 Thread(s)
    This has what you need it seems. Even tutorial based.

    Ignore the aesthetics. The base code is there .
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  7. #7
    SitePoint Evangelist
    Join Date
    Aug 2009
    Posts
    473
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Do you mean the link I provided above? Or did you have another link that I just don't see the URL for lol

  8. #8
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    5 Post(s)
    Tagged
    0 Thread(s)
    http://roshanbh.com.np/2008/03/expan...ne-jquery.html

    My bad, I'm a little tired today .
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

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
  •