Bonjour, je suis débutante et je souhaite créer un chat.

Je cherche à ouvrir et fermer une div progressivement. J'arrive à la fermer et l'ouvrir mais j'aimerai rajouter un effet dessus.

J'ai trouvé plusieurs librairies qui proposent cela, mais je recherche plus une fonction. 

Voici mon code : 

onRemoveChatThreads(): void {

      if (this.etatBoucle) {
          document.getElementById('chat-threads').style.height = '38px';
          document.getElementById('chat-threads').style.width = '250px';
          this.etatBoucle = false;
      }
      else {
          document.getElementById('chat-threads').style.height = '392px';
          document.getElementById('chat-threads').style.width = '250px';
          this.etatBoucle = true;
        }
    }

<!-- conversations -->
<div class="row" id="chat-threads">
  <div class="conversation-top-bar-container">
    
    <div class="top-bar-btn">

      <button class="top-bar-btn remove"
              title="Réduire la fenêtre"
              (click) = "onRemoveChatThreads()">
        <i class="glyphicon glyphicon-minus"></i>
      </button>

    </div>
  </div>
</div>

 J'ai essayé d'utiliser la fonction setTimeout() mais sans résultat...

Merci d'avance

-
Edité par FlorianePéron 5 juillet 2017 à 9:21:50