How to create a button that shows/hides content on press?

Ionic Framework ionic-v3
5

Okay, I managed to come up with a solution that works for me using mostly pure JavaScript.

The button + text combination:

<ion-button strong color="hl1" expand="full" (click)="abrirTutorial()">
    <ion-text class="ion-text-left">Tutorial</ion-text>
    <ion-icon id="tutorialIcon"name="arrow-dropdown" slot="end"></ion-icon>
  </ion-button>

  <ion-text id="tutorial" hidden="true">
    [[TUTORIAL ENTRA AQUI]]
  </ion-text>

And the JavaScript:

 private tutorialHidden: boolean = true;

  abrirTutorial(){

    if(this.tutorialHidden === true){

      this.tutorialHidden = false;
      document.getElementById("tutorial").hidden = false;

    }else if(this.tutorialHidden === false){

      this.tutorialHidden = true;
      document.getElementById("tutorial").hidden = true;

    }

  }