我想将以下jquery转换为javascript的任何帮助？ 预先感谢。
$(document).ready(function() {
$('button.navbar-toggle').click(function () {
$('div#navbar-collapse').slideToggle("slow");
return false;
});
});
如何将jQuery更改为js
•
问答
yezhunan11 回答：如何将jQuery更改为js
有两个步骤要做：
-
起初，您可以使用 Document.querySelector() 代替jQuerys选择器。
-
在那之后，您必须编写自己的'slideToggle'函数，因为它是jQuery的函数。
例如，可以通过操作样式或编写CSS类并使用
来添加或删除它们来完成此操作yourElement.classList.add()/.remove()
我使用CSS过渡和香草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>