JavaScript隱藏並顯示旋轉木馬

我在我的網站上有一個img旋轉木馬。我有一個Button來顯示和隱藏img Carousel。 Img Carousel一開始就關閉了。我的代碼有什麼問題？JavaScript隱藏並顯示旋轉木馬

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">

來源

2015-09-02 saamii

你試過用你的瀏覽器進行調試嗎？另外，你的輪播id =「myCarousel」？如果你能展示旋轉木馬的HTML，它肯定會幫助人們解決你的問題:)。 – JorgeGRC

我已添加tml代碼 – saamii

，您可能想要重新訪問您的條件。也許顯示==「塊」而不是顯示=「塊」。 – tys

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

    } 
}

來源

2015-09-02 09:39:36 Thug

張貼作爲一個答案的要求，再加上一些清理：

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"; 
}

來源

2015-09-02 13:59:44 tys

JavaScript隱藏並顯示旋轉木馬

回答

相關問題