Javascript 有没有办法在firefox扩展中对控件进行分组？

我来自.net世界，所以我知道它可以在那里完成，但我正在为firefox制作一个工具栏，我希望它在我单击一个按钮时显示一组控件（某种形式），在我单击另一个按钮时显示另一组控件

问题是，是否有一个选项可以对一些控件进行分组并隐藏它们，然后单击按钮时，我只需更改组的可见性，或者另一个选项，即仅在单击按钮后使用javascript添加这些控件

---

同样，我知道使用.net可以很容易地实现这一点，但因为我是工具栏编程新手，在web上没有看到任何与此相关的内容，所以我在这里询问。

我认为基本原理是相同的，您只需要在要分组的控件集周围添加一个“分组”元素。对于工具栏，您可以使用toolbaritem+vbox的组合，并且只使用其中的新工具箱。只需使用javascript按id获取分组元素并隐藏/显示它

比如：

<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<toolbox>
  <toolbar>
    <toolbaritem>
      <hbox id="tbgroup1" hidden="true">
        <toolbarbutton label="button"/>
        <toolbarbutton label="button"/>
        <toolbarbutton label="button"/>
      </hbox>
      <hbox id="tbgroup2">
        <toolbarbutton label="button"/>
        <toolbarbutton label="button"/>
        <toolbarbutton label="button"/>
      </hbox>
    </toolbaritem>
   </toolbox>
</window>

虽然vbox/hbox（我使用hbox，因为这是我所需要的，现在它可以工作）的外观与工具栏的其他部分不一样，但它看起来可以工作，您知道对于这个小问题我应该怎么做吗？无论如何，谢谢。更新了示例，嵌套的工具箱/工具栏节点导致样式被否决。您可以像示例中那样安全地删除它