title: Implement Swiper link to specific slide
body: <p>I am using iDangero Swiper and trying to create a link to specific slide, I will use this to link all the slides with a unique link.</p>
  
  <p>How I can make that work?</p>
  
  <p>Here's my code:</p>
  
  <p><a href="http://codepen.io/RogerHN/pen/LkKgXB" rel="nofollow">http://codepen.io/RogerHN/pen/LkKgXB</a></p>
  
  <pre><code>&lt;html lang="pt-br"&gt;
  &lt;head&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"&gt;
  &lt;meta charset="utf-8" /&gt; 
    &lt;link rel="stylesheet" href="https://idangero.us/swiper/dist/css/swiper.css"&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div class="container"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-md-5"&gt;
          &lt;button type="button" class="btn btn-primary btn-lg btn-block btn-title"&gt;
          &lt;a class="white" href="#"&gt;
          &lt;span class="glyphicon glyphicon-chevron-left back" aria-hidden="true"&gt;&lt;/span&gt;
          &lt;/a&gt;
          TITLE
          &lt;/button&gt;
        &lt;a href="#"&gt;Swipe to slide 3&lt;/a&gt;
              &lt;div id="content"&gt;
                  &lt;div class="nav-center"&gt;
                      &lt;div class="nav-bg"&gt;
                          &lt;ul id="tabs" class="nav nav-tabs" data-tabs="tabs"&gt;
                              &lt;li class="active"&gt;&lt;a href="#one" data-toggle="tab"&gt;First Tab&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#two" data-toggle="tab"&gt;Second Tab&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#three" data-toggle="tab"&gt;Third Tab&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/div&gt;
  
                      &lt;div id="my-tab-content" class="tab-content"&gt;
                          &lt;div class="tab-pane active" id="one"&gt;
                              &lt;!-- Swiper --&gt;
                              &lt;div class="swiper-container"&gt;
                                  &lt;div class="swiper-wrapper"&gt;
                                      &lt;div class="swiper-slide"&gt;
                      &lt;p&gt;Slide1&lt;/p&gt;
                                      &lt;/div&gt;
                                      &lt;div class="swiper-slide"&gt;
                      &lt;p&gt;Slide2&lt;/p&gt;
                                      &lt;/div&gt;
                                      &lt;div class="swiper-slide"&gt;
                    &lt;p&gt;Slide3&lt;/p&gt;
                    &lt;/div&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt; &lt;!-- #one --&gt;
                          &lt;div class="tab-pane" id="two"&gt;
                              &lt;p&gt;Content&lt;/p&gt;
                          &lt;/div&gt;
                          &lt;div class="tab-pane" id="three"&gt;
                &lt;p&gt;Content&lt;/p&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
    &lt;script src="https://idangero.us/swiper/dist/js/swiper.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
      var swiper = new Swiper('.swiper-container', {
  })
  
  &lt;/script&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>