show text slowly

[amer99]

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

[cpradio]

I'm not a huge fan of the implementation (the multiple spans to build the ellipsis), but it works.
http://jsfiddle.net/cpradio/kvPJw/

[amer99]

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

[cpradio]

Sorry, I misread the original post. See the updated code
http://jsfiddle.net/cpradio/kvPJw/

[chris.upjohn]

See the below link for a version which is better on performance.

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