title: Bootstrap Carousel: Change section under slider
body: <p>So I've got your typical Bootstrap Carousel, with three or four slides, and the problem that I'm having is that I want the section under the slider to change whenever a new slide comes up.  I tried maybe hiding that section and revealing the proper section using "collapse" like this: <a href="https://stackoverflow.com/questions/23873005/hide-div-by-default-and-show-it-on-click-with-bootstrap">Hide div by default and show it on click with bootstrap</a></p>
  
  <pre><code>&lt;a href="#Foo" class="btn btn-default" data-toggle="collapse"&gt;Toggle Foo&lt;/a&gt;
  
  &lt;div id="Foo" class="collapse"&gt;
      This div (Foo) is hidden by default
  &lt;/div&gt;
  </code></pre>
  
  <p>...where the next slide would be "foo2", and then "foo3" etc... The problem there was that this didn't seem to work right for multiple slides.</p>
  
  <p>Ideally I would want the bottom to fade out and then fade in with a div id corresponding to the id for the slide.</p>
  
  <p>Is this possible?</p>