Databases
StackOverflow2013
Postsdbo
POImmediate display proper div among set of divs and loop again
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POImmediate display proper div among set of divs and loop again
    text
    copied!<p>I am working on a school project and I need your help. What I made is a infinite loop through set of divs. There are 3 divs and 3 links. When I click on these links, there should immediately display proper div (and display all divs after that and loop again). The problem is when I clicked there is a delay, which I don't want... Is it possible that div is snown immediately when I clicked on link? Is there any other easier/less complex way? Can you please change/add the code I need? Thank you in advance.</p> <pre><code>&lt;ul id="cyclelist"&gt; &lt;li&gt;&lt;div&gt;Div 1&lt;/div&gt;&lt;/li&gt; &lt;li&gt;&lt;div&gt;Div 2&lt;/div&gt;&lt;/li&gt; &lt;li&gt;&lt;div&gt;Div 3&lt;/div&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/br&gt;&lt;/br&gt; &lt;a href="#" class="className1"&gt;link1&lt;/a&gt;&lt;br/&gt; &lt;a href="#" class="className2"&gt;link2&lt;/a&gt;&lt;br/&gt; &lt;a href="#" class="className3"&gt;link3&lt;/a&gt;&lt;br/&gt; var j=0; function changeOnClick() { $("a").click(function(e) { e.preventDefault(); if ($(this).hasClass('className1')) { j=-1; } else if ($(this).hasClass('className2')) { j=0; } else if ($(this).hasClass('className3')) { j=1; } }); } var delay = 2000; function cycle(){ var jmax = $("ul#cyclelist li").length -1; changeOnClick(); $("ul#cyclelist li:eq(" + j + ")") .animate({"opacity" : "1"} ,400) .animate({"opacity" : "1"}, delay) .animate({"opacity" : "0"}, 400, function(){ (j == jmax) ? j=0 : j++; cycle(); }); }; cycle(); </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload