Implement Swiper link to specific slide
<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>