title: Link two Twitter Bootstrap carousels together using one control
body: <p>I'm just learning javascript so please bear with me here. I'm trying to initiate two carousels in bootstrap using the same control. </p>
  
  <p>The way it's setup right now, href tags containing the carousel's ID is controlling each carousel. Anyone have advice on how to link both together using the same control with minimal modifications?</p>
  
  <p>Here's the HTML:</p>
  
  <pre><code>&lt;div id="asHero"&gt;
                  &lt;div id="walkThrough" class="carousel slide"&gt;
                      &lt;!-- Carousel items --&gt;
                      &lt;div class="carousel-inner"&gt;
                          &lt;div class="active item"&gt;
                              &lt;div class="span5"&gt;
                                  &lt;h1&gt;Discover&lt;/h1&gt;
                                  &lt;p class="heroDesc"&gt;Explore the active side of the world around you.&lt;/p&gt;
                              &lt;/div&gt;
                              &lt;div class="span6"&gt;
                                  &lt;img src="img/landing/icontest.png" /&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="item"&gt;
                              &lt;div class="span5"&gt;
                                  &lt;h1&gt;Track&lt;/h1&gt;
                                  &lt;p class="heroDesc"&gt;Keep tabs on frequency and personal bests.&lt;/p&gt;
                              &lt;/div&gt;
                              &lt;div class="span6"&gt;
                                  &lt;img src="img/landing/icontest2.png" /&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="item"&gt;
                              &lt;div class="span5"&gt;
                                  &lt;h1&gt;Conquer&lt;/h1&gt;
                                  &lt;p class="heroDesc"&gt;Earn points and awards for everything you do in your active life.&lt;/p&gt;
                              &lt;/div&gt;
                              &lt;div class="span6"&gt;
                                  &lt;img src="img/landing/icontest3.png" /&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;!-- Carousel nav --&gt;
  
                      &lt;a class="carousel-control right visible-desktop" href="#walkThrough" data-slide="next"&gt;&amp;rsaquo;&lt;/a&gt;
                  &lt;/div&gt;
              &lt;/div&gt; &lt;!-- /asHero --&gt;
              &lt;div id="asPhone"&gt;
                  &lt;div id="walkThrough-2" class="carousel slide"&gt;
                      &lt;!-- Carousel items --&gt;
                      &lt;div class="carousel-inner"&gt;
                          &lt;div class="active item"&gt;
                              &lt;div class="span5"&gt;
                                  &lt;h1&gt;Discover&lt;/h1&gt;
                                  &lt;p class="heroDesc"&gt;Explore the active side of the world around you.&lt;/p&gt;
                              &lt;/div&gt;
                              &lt;div class="span6"&gt;
                                  &lt;img src="img/landing/icontest.png" /&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="item"&gt;
                              &lt;div class="span5"&gt;
                                  &lt;h1&gt;Track&lt;/h1&gt;
                                  &lt;p class="heroDesc"&gt;Keep tabs on frequency and personal bests.&lt;/p&gt;
                              &lt;/div&gt;
                              &lt;div class="span6"&gt;
                                  &lt;img src="img/landing/icontest2.png" /&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="item"&gt;
                              &lt;div class="span5"&gt;
                                  &lt;h1&gt;Conquer&lt;/h1&gt;
                                  &lt;p class="heroDesc"&gt;Earn points and awards for everything you do in your active life.&lt;/p&gt;
                              &lt;/div&gt;
                              &lt;div class="span6"&gt;
                                  &lt;img src="img/landing/icontest3.png" /&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;!-- Carousel nav --&gt;
  
  
                  &lt;/div&gt;
              &lt;/div&gt; &lt;!-- /asPhone --&gt;
  </code></pre>
  
  <p>Here's a link to the Javascript:
  <a href="http://twitter.github.com/bootstrap/assets/js/bootstrap-carousel.js" rel="noreferrer">Twitter Bootstrap Carousel JS</a></p>
  
  <p>Any help would be greatly appreciated!</p>