Je veux convertir le jquery suivant en javascript une aide? Merci d'avance.

$(document).ready(function() {
    $('button.navbar-toggle').click(function () {
      $('div#navbar-collapse').slideToggle("slow");
      return false;
    });

});
-2
INFJ 4 nov. 2019 à 16:21

1 réponse

Mon approche en utilisant la transition CSS et la vanille javascript:

document.querySelector("button.navbar-toggle").addEventListener("click", e => {
  e.preventDefault();
  document.querySelector("#navbar-collapse").classList.toggle("animate");
})
#navbar-collapse{
  background: gold;
  width: 150px;
  height: 300px;
  position:absolute;
  transition: all 0.3s ease;
  margin-left: 0;
}
#navbar-collapse.animate{
  margin-left: -150px;
}
<button class="navbar-toggle">nav toggle</button>
<div id="navbar-collapse">
  test navbar
</div>
0
David 4 nov. 2019 à 14:03