Question

如何在点击事件中仅显示一项？

单击一项时，我需要将其他项设置为false。

现在，当孩子<li>被点击时，我将更改<a>的课程。

.megamenu-item .dropdpwn-links{
  display:none;
}

.megamenu-item.show .dropdpwn-links{
  display:block;
}

<ul>
  <li class="megamenu-item" [class]="megamenuSubVisible && item1.show ? 'megamenu-item show' : 'megamenu-item'">
    <a href="" on="tap:AMP.setState({megamenuSubVisible: !megamenuSubVisible , item1:{ show:true }})">open dropdown</a>
    <div class="dropdpwn-links">
      <div>item1</div>
      <div>item2</div>
      <div>item3</div>
      <div>item4</div>
    </div>
  </li>
  <li class="megamenu-item" [class]="megamenuSubVisible && item2.show ? 'megamenu-item show' : 'megamenu-item'">
    <a href="" on="tap:AMP.setState({megamenuSubVisible: !megamenuSubVisible , item2:{ show:true }})">open dropdown</a>
    <div class="dropdpwn-links">
      <div>item1</div>
      <div>item2</div>
      <div>item3</div>
      <div>item4</div>
    </div>
  </li>
  <li class="megamenu-item" [class]="megamenuSubVisible && item3.show ? 'megamenu-item show' : 'megamenu-item'">
    <a href="" on="tap:AMP.setState({megamenuSubVisible: !megamenuSubVisible , item3:{ show:true }})">open dropdown</a>
    <div class="dropdpwn-links">
      <div>item1</div>
      <div>item2</div>
      <div>item3</div>
      <div>item4</div>
    </div>
  </li>
</ul>

/ ************************************************** ************************************************** /

Answer 1

您可以切换点击项的父项并为其他项的父项设置值

1990-01-03

注意：您应该使用A标记

来代替C标记

在AMP中的项目之间实现切换显示

1 个答案: