title: JQuery LightSlider inside Bootstrap pills
body: <p>I'm using jQuery lightSlider as image slider. I want to have sliders inside bootstrap pills (one slider per pill). Nevertheless, I have found the following situation: In the first pill the slider is OK. In the second pill the slider content is not displayed (resizing the window brings up the slider content!). I don't see how to solve this problem. Any help will be sincerely appreciated.</p>
  
  <p>My (simplified) html:</p>
  
  <pre><code>&lt;div&gt;
      &lt;ul class="nav nav-pills"&gt;
          &lt;li class="active"&gt; &lt;a data-toggle="pill" id="pill1" href="#s1"&gt;Pill 1&lt;/a&gt;
  
          &lt;/li&gt;
          &lt;li&gt; &lt;a data-toggle="pill" id="pill2" href="#s2"&gt;Pill 2&lt;/a&gt;
  
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  &lt;div class="tab-content"&gt;
      &lt;div class="col-md-12 tab-pane fade in active" id="s1"&gt;
          &lt;ul id="slider-1"&gt;
              &lt;li&gt;
                  &lt;p&gt;one&lt;/p&gt;
              &lt;/li&gt;
              &lt;li&gt;
                  &lt;p&gt;two&lt;/p&gt;
              &lt;/li&gt;
              &lt;li&gt;
                  &lt;p&gt;tree&lt;/p&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
      &lt;div class="col-md-12 tab-pane fade active" id="s2"&gt;
          &lt;ul id="slider-2"&gt;
              &lt;li&gt;
                  &lt;p&gt;uno&lt;/p&gt;
              &lt;/li&gt;
              &lt;li&gt;
                  &lt;p&gt;dos&lt;/p&gt;
              &lt;/li&gt;
              &lt;li&gt;
                  &lt;p&gt;tres&lt;/p&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The javascript:</p>
  
  <pre><code>function initSlider(sliderId) {
    $('#'+sliderId).lightSlider({
      item:2,
      loop:false,
      slideMove:1
    });
  }
  
  initSlider('slider-1');     
  initSlider('slider-2');
  </code></pre>
  
  <p>And the Jsfiddle reproducing the problem: <a href="https://jsfiddle.net/sedtjchs/4/" rel="nofollow">https://jsfiddle.net/sedtjchs/4/</a></p>
  
  <p>Thank you for your help!</p>