title: How to show hide caption per focus using roundabout.js?
body: <p>Currently I have it setup like this.</p>
  
  <pre><code>&lt;ul id="slide"&gt;
  &lt;li&gt;&lt;img src=""&gt;&lt;div class="info"&gt;TEST1&lt;/div&gt;&lt;/li&gt;
  &lt;li&gt;&lt;img src=""&gt;&lt;div class="info"&gt;TEST2&lt;/div&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>But instead I want it like this.</p>
  
  <pre><code>&lt;ul id="slide"&gt;
  &lt;li&gt;&lt;img src=""&gt;&lt;/li&gt;
  &lt;li&gt;&lt;img src=""&gt;&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;ul id="slideinfo"&gt;
  &lt;li&gt;&lt;div class="info"&gt;TEST1&lt;/div&gt;&lt;/li&gt;
  &lt;li&gt;&lt;div class="info"&gt;TEST2&lt;/div&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>So on focus, show the first div if blur hides' and then show the next one.
  Here's js. <a href="http://fredhq.com/projects/roundabout#/api" rel="nofollow">http://fredhq.com/projects/roundabout#/api</a></p>