Javascript点击按钮，反向函数

我需要知道这个js代码的错误是什么，我需要单击展开div，然后在第二次单击div时返回到原始维度 这是javascript：

<script> function myBurger() { 
    document.getElementById("burger").classList.toggle('expand'); 
    } 
    </script>

---

完整的代码就在那里：www.figmentasergio.altervista.org

它确实有效，你只是看不到它，因为：

• 你的div不会导致任何东西回流
• 它没有背景色或边框

我在汉堡包上加了一个边框，这样你就可以看到它在变大变小。为了保持整洁，我还关闭了您的

标签

函数myBurger（）{
document.getElementById（“burger”）.classList.toggle（“展开”）；
}

#汉堡{
高度：10px；
宽度：10px；
背景色：#fff；
排名前10%；
左：10%；
位置：绝对位置；
过渡：高度2缓，宽度2缓；
边框：1px红色实心；
}
#汉堡{
高度：200px；
宽度：200px；
}

prova

它确实有效，但您看不到它，因为：

• 你的div不会导致任何东西回流
• 它没有背景色或边框

我在汉堡包上加了一个边框，这样你就可以看到它在变大变小。为了保持整洁，我还关闭了您的

标签

函数myBurger（）{
document.getElementById（“burger”）.classList.toggle（“展开”）；
}

#汉堡{
高度：10px；
宽度：10px；
背景色：#fff；
排名前10%；
左：10%；
位置：绝对位置；
过渡：高度2缓，宽度2缓；
边框：1px红色实心；
}
#汉堡{
高度：200px；
宽度：200px；
}

prova

您的代码按预期工作，那么您的预期是什么？描述期望的行为。只需关闭

标签

tag@j08691既然可以使用纯JavaScript，为什么还要使用jQuery？@JuanMendes OP使用jQuery标记发布了一个问题，这就是为什么；）@j08691我找了一个标签，但没有看到

toggle

是

classList

@JuanMendes的一种方法-显示我使用classList的频率。您的代码按预期工作，那么您期望的是什么？描述期望的行为。只需关闭

标签

tag@j08691既然可以使用纯JavaScript，为什么还要使用jQuery？@JuanMendes OP使用jQuery标记发布了一个问题，这就是为什么；）@j08691我找了一个标签，但没有看到

toggle

是

classList

@JuanMendes的一种方法-显示我使用classList的频率。但它在我的网页上不起作用。我在我的版本上加了边框，但它不起作用。你可以在那里看到：www.figmentasergio.altervista。org@SergioVento在CSS中没有名为

.expand

的类。您可以看到，单击时，

expand

类已正确添加到

#burger

。此外，您的网页上没有边框，但在我的网页上不起作用。我在我的版本上加了边框，但它不起作用。你可以在那里看到：www.figmentasergio.altervista。org@SergioVento在CSS中没有名为

.expand

的类。您可以看到，单击时，

expand

类已正确添加到

#burger

。此外，您的网页上没有边框

<div class="container" onclick="myBurger()">
  <input id="click" name="exit" type="checkbox" />
  <label for="click"><span class="burger"></span>       
</div>  

<div id="burger" > prova</div>

 #burger{ 
 height: 10px; 
 width: 10px; 
 background-color: #fff; 
 top: 10%; 
 left: 10%; 
 position: absolute; 
 transition: height 2s ease, width 2s ease;
 } 

 #burger.expand{ 
 height: 200px; 
 width: 200px; 

 }