title: ion-slides on ionic4 select slide on click
body: <p>I'm using ion-slides to have a slider with different "selectable" tags like the image below<a href="https://i.stack.imgur.com/h8na1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/h8na1.png" alt="screenshot with first slide selected"></a></p>
  
  <p>I have already accomplished that. The point that I'm struggling with is that I need to make the slide that I click on selected and the older one unselected without the need to scroll to that slide like the following screenshot<a href="https://i.stack.imgur.com/Dbnb1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Dbnb1.png" alt="screenshot of what I&#39;m trying to accomplish"></a></p>
  
  <p>I could get the clicked index dynamically by the following snippet
  I register for click action </p>
  
  <pre><code>(ionSlideTouchEnd)="onSlideTap($event)"
  </code></pre>
  
  <p>Then later on code I get the event</p>
  
  <pre><code>  onSlideTap(event) {
      this.slides.getSwiper().then(swiper =&gt; {
        console.log("clicked Index = ", swiper.clickedIndex);
      });
    }
  </code></pre>
  
  <p>Does anyone have an idea of how to change active slide without scroll?</p>