Question

我正在尝试使用javascript创建一个简单的切换类，但我的代码存在问题。有人能让我知道错误是什么吗？感谢。

HTML：

<div id="buttonOne">CLick Here One</div>
   <div id="carouselOne">
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi incidunt minus laudantium, tempora fuga expedita odit esse fugiat, quas vel debitis, quae dolorem dolores neque labore. Cumque placeat assumenda, mollitia!</p>
</div>

CSS：

#carouselOne {
    display: none;
}

#buttonOne {
    cursor: pointer;
}

.toggleHideShow {
    display:block;
}

使用Javascript：

var btnOne = document.getElementById("buttonOne");

function functionOne() {
    var carOne = document.getElementById("carouselOne");
    if ( carOne.className == "" ) {
        carOne.className = "toggleHideShow";
    }else {
        carOne.className = "";
    }
}
btnOne.addEventListener("click", functionOne);

Answer 1

试试这个：

＆＃13;

var btnOne = document.getElementById("buttonOne");

function functionOne() {
  var carOne = document.getElementById("carouselOne");

  carOne.classList.toggle('hidden');
}

btnOne.addEventListener("click", functionOne);

＆＃13;

.hidden {
  display: none;
}

＆＃13;

<div id="buttonOne">CLick Here One</div>

<div id="carouselOne">
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi incidunt minus laudantium, tempora fuga expedita odit esse fugiat, quas vel debitis, quae dolorem dolores neque labore. Cumque placeat assumenda, mollitia!</p>
</div>

＆＃13;

Answer 2

更改css行

.toggleHideShow {

到

#carouselOne.toggleHideShow {

这将有效

非常简单的Javascript切换不工作

2 个答案: