[英]How to change up-arrow and down-arrow in button click
i am doing a toggle button in using css and javascript here my html part is我正在使用 css 和 javascript 做一个切换按钮,我的 html 部分是
<div class="banner" id="btn-accod">
<button class="banner-accordin" onclick="bannerOpen()">Here's how you know <i class="fa fa-angle-down" id="donar"></i></button>
</div>
and script part is脚本部分是
function bannerOpen(){
var ban = document.getElementById("banner-content");
var arrow = document.getElementById("donar");
if (ban.style.display === "none") {
ban.style.display = "block";
arrow .classList.toggle("fa-angle-up");
} else {
ban.style.display = "none";
}
}
but no changes and no error show why?但没有变化,也没有错误显示为什么?
Hope this will gonna work !希望这会奏效!
<div class="banner" id="btn-accod">
<button class="banner-accordin" onclick="bannerOpen()">Here's how you know <i class="fa fa-angle-down" id="donar"></i></button>
</div>
function bannerOpen(){
var ban = document.getElementById("banner-content");
var arrow = document.getElementById("donar");
ban.style.display === "none" ?
ban.style.display = "block";
arrow.classList.toggle("fa-angle-up");
arrow.classList.toggle("fa-angle-down");
:
ban.style.display = "none"
arrow.classList.toggle("fa-angle-up");
arrow.classList.toggle("fa-angle-down");}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.