 <p>div ids==>opened,phone1 each has a flip ep</p> <pre><code>&lt;div class="w" id="opened"&gt;BEGIN&lt;div class="ep"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="w" id="phone1"&gt;PHONE INTERVIEW 1&lt;div class="ep"&gt;&lt;/div&gt;&lt;/div&gt; </code></pre> <p>eg:<a href="http://jsplumbtoolkit.com/demo/dynamicAnchors/jquery.html" rel="nofollow">http://jsplumbtoolkit.com/demo/dynamicAnchors/jquery.html</a> how to make <code>instance.connect({ source:tmp_source, target:tmp_target });</code> run in a for block.</p> <p>eg:</p> <pre><code>for(){ var tmp_source="opened"; var tmp_target="phone1"; instance.connect({ source:tmp_source, target:tmp_target });// this line not run } </code></pre>