Javascript 当选择另一种聚合物时，如何从div中删除css

谁能帮帮我吗

我有一个铁制列表，其中每个条目都有一个“设置”图标，单击该图标会导致面板从右侧滑入。问题是，我希望在打开另一行的面板时关闭面板，但当前它们都打开并保持打开状态，除非我自己专门关闭它们

我知道我在JS中遗漏了一些东西，但我不确定是什么。“当点击退出div时，关闭”类型的情况

非常感谢您提供的任何帮助

HTML

 <div class="container horizontal layout">
    <paper-icon-button class="icons" icon="settings" on-click="toggleSettings"></paper-icon-button>
    <div id="edit" class="settings">
       <paper-icon-button icon="delete"></paper-icon-button>
       <paper-icon-button icon="create"></paper-icon-button>
       <paper-icon-button icon="clear" on-click="toggleSettings"></paper-icon-button>
     </div>
</div>

脚本

<script>
    Polymer({
      is: 'test-app-list-element',
      properties: {
      },

      toggleSettings : function() {
          this.$.edit.classList.toggle('settingsMove');
      },

    });
  </script>

聚合物({
是：'测试应用程序列表元素'，
特性：{
},
切换设置：函数（）{
这个.$.edit.classList.toggle（'settingsMove'）；
},
});

试试这个

此.$.edit.setAttribute（'style'，'display:none；'）；

---

（这只是一个示例。但您可以重新设置元素样式并定义新的css规则。

我认为代码工作不正常，我不确定它是什么，但这只是打印到屏幕上。}/]]>这对我有效。在家试用（我使用的是Polymer 2.0）.如果您选择了一个设置面板…当您选择另一个设置面板时，第一个面板是否会自动关闭？

<script>
    Polymer({
      is: 'test-app-list-element',
      properties: {
      },

      toggleSettings : function() {
          this.$.edit.classList.toggle('settingsMove');
      },

    });
  </script>