JavaScript How to Show Elements in Succesion, Hide Them, and Then Repeat in jQuery

I want three lines of text to appear in a succession, then hide, and then appear in succession again. So far, I have been able to split the lines into span tags and appear in succession, but I can't figure out how to then hide them all at once, and then repeat the animation.

This is my HTML:

<span class="flexi-link" id="title-1">Link 1</span>
<span class="flexi-link" id="title-2">Link 2</span>
<span class="flexi-link" id-"title-3">Link 3</span>

This is my jQuery:

$('#title-1').delay(1000).show(0);
$('#title-2').delay(2000).show(0);
$('#title-3').delay(3000).show(0);

FIDDLE: http://jsfiddle.net/TtKnK/

Answer:1

try to do it with setTimeout and callback function

Answer:2

I have an object and a for in loop that looks like this: var golom = { MRTU03: { Temp: "10", Sp: "11" }, MRTU09: { Temp: "8", Sp: "7" } }; for (var f ...

I have an object and a for in loop that looks like this: var golom = { MRTU03: { Temp: "10", Sp: "11" }, MRTU09: { Temp: "8", Sp: "7" } }; for (var f ...

  1. object inside object javascript
  2. object inside object java
  3. object inside object python
  4. object inside object json
  5. object inside object c#
  6. object inside object php
  7. object inside object typescript
  8. object inside object swagger
  9. object inside object mongodb
  10. object inside object jquery
  11. object inside object scala
  12. object inside object json java
  13. object inside object
  14. object inside object angular
  15. object inside object react
  16. object inside object angular 2
  17. object inside object gson
  18. access object inside object javascript
  19. add object inside object javascript
  20. create object inside object javascript

I'm positive this question must have been covered before, but I can quite find it. So.... I have an object like so Object name: Fred lastname: Jones city: Los Angeles I'd like to use Javascript to ...

I'm positive this question must have been covered before, but I can quite find it. So.... I have an object like so Object name: Fred lastname: Jones city: Los Angeles I'd like to use Javascript to ...

I have an AngularJS animation... app.animation('slide-show', function () { return { setup: function (element) { }, start: function (element, done) { element....

I have an AngularJS animation... app.animation('slide-show', function () { return { setup: function (element) { }, start: function (element, done) { element....

I have a Bootstrap Modal that contains a form for updating or creating an entity (Company in my example). Right now my issue is that if I view an entity using the modal, it doesn't clear out the ...

I have a Bootstrap Modal that contains a form for updating or creating an entity (Company in my example). Right now my issue is that if I view an entity using the modal, it doesn't clear out the ...