Question

我的网站上有一个img Carousel。我有一个按钮来显示和隐藏img Carousel。起初，Img Carousel已关闭。我的代码出了什么问题？

function closeandopenImgCarousel(){
    if(document.getElementById("myCarousel").style.display=="block"){
        document.getElementById("myCarousel").style.display="none";
    }
    if(document.getElementById("myCarousel").style.display=="none")
    {  
        document.getElementById("myCarousel").style.display="block";
    }
}

在HTML部分中，我有onclick="closeandopenImgCarousel()

<div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="false">

Answer 1

function closeandopenImgCarousel(){
  if(document.getElementById("myCarousel").style.display=="block"){
    document.getElementById("myCarousel").style.display="none";
  } else {
     document.getElementById("myCarousel").style.display="block";

  }
}

Answer 2

根据要求发布答案，加上一些清理：

function closeAndOpenImgCarousel() {
    var carousel = document.getElementById("myCarousel");
    if (carousel.style.display == "block")
        carousel.style.display = "none";
    else if (carousel.style.display == "none")
        carousel.style.display = "block";
}

可替换地..

function closeAndOpenImgCarousel() {
    var carousel = document.getElementById("myCarousel");
    carousel.style.display = (carousel.style.display == "block") ? "none" : "block";
}

JavaScript隐藏并显示Carousel

2 个答案: