SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Enthusiast
    Join Date
    May 2012
    Posts
    25
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    show text slowly

    Hi all,

    This seems to be a simple task but i am not able to get my head around it.

    On my page, i have a text with 2 buttons after it, for example

    Disclaimer [Hide][Show]

    When i press hide, it hides the text, when i press show it shows the text. So far its good and everything is working. Now i want to add 3 dots after disclaimer when i press the show button. like this

    Disclaimer ... [Hide][Show]

    How can i make 3 dots appear one by one slowly ?

    Pls guide me

  2. #2
    Hosting Team Leader silver trophybronze trophy
    cpradio's Avatar
    Join Date
    Jun 2002
    Location
    Ohio
    Posts
    5,214
    Mentioned
    153 Post(s)
    Tagged
    0 Thread(s)
    I'm not a huge fan of the implementation (the multiple spans to build the ellipsis), but it works.
    http://jsfiddle.net/cpradio/kvPJw/

  3. #3
    SitePoint Enthusiast
    Join Date
    May 2012
    Posts
    25
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Sir, i want to have only disclaimer being shown. When i press hide, it will hide, but when i shall press show, it shall show disclaimer with 3 dots appearing slowly one by one.

    Kindly guide me

  4. #4
    Hosting Team Leader silver trophybronze trophy
    cpradio's Avatar
    Join Date
    Jun 2002
    Location
    Ohio
    Posts
    5,214
    Mentioned
    153 Post(s)
    Tagged
    0 Thread(s)
    Sorry, I misread the original post. See the updated code
    http://jsfiddle.net/cpradio/kvPJw/

  5. #5
    SitePoint Wizard bronze trophy chris.upjohn's Avatar
    Join Date
    Apr 2010
    Location
    Melbourne, AU
    Posts
    2,196
    Mentioned
    17 Post(s)
    Tagged
    1 Thread(s)
    See the below link for a version which is better on performance.

    http://jsfiddle.net/kvPJw/3/


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
  •