Javascript Jquery-toggleClass（）隐藏的是DIV，而不是DIV中的项

我有一个代码笔在这里，这是从我的网站我的工作分解

我的html：

<div id="navbar">
        <div style=" text-align: center; margin-bottom: 30px;">[ABARTHTEXTLOGO]</div>
            <div style="width: 100%; display: table;">
                    <div class="navbutton">TEST 1</div>
                    <div class="navbutton">TEST 2</div>
                    <div class="navbutton">TEST 3</div>
                    <div class="navbutton">TEST 4</div>
            </div>
    </div>

我的JQuery：

$(document).ready(function()
{
  $('#navbar').click(function()
  {
    $('#navbar').toggleClass('clicked', 200);
  });
});

为此，只需单击导航栏将其关闭

您可以通过单击DIV中的文本重新打开它

但是，当我关闭它时，我希望所有的文本项都随之消失。现在他们都向左移动

如何让它们随div一起消失？

---

谢谢，

将

溢出：隐藏的
属性添加到
.navbar
元素中

如果您希望它们在单击后完全消失，请将以下内容添加到CSS中：

#navbar.clicked * {
       display: none;
    }

如果仍希望看到部分文本，请剪切到div中，使用：

#navbar.clicked {
       overflow: hidden;
    }

太棒了，谢谢！我会在10分钟内标记为答案
#navbar.clicked {
       overflow: hidden;
    }