как динамически скрыть контейнер div в AMP Page - PullRequest
Новая
       36

как динамически скрыть контейнер div в AMP Page

0 голосов
/ 04 сентября 2018

Есть ли какое-нибудь решение, как динамически скрыть контейнер div?

это моя текущая реализация: 

<button class="button" on="tap:player.hide">hide me</button>
<button class=button" on="tap:player.show">show me</button>    
<div id="player" class="show" [class]="show||hide">some content</div>

.hide {
  display: none;
}

.show {
  display: block;
}

, который работает до тех пор, пока класс div имеет значение 'show' при первоначальном вызове. Но я хочу отключить просмотр контейнера, пока кнопки не были нажаты ...

1 Ответ

0 голосов
/ 04 сентября 2018

Ответ Себастьяна Бенца с усилителем: Нажмите здесь

Вы можете достичь своей цели без привязки также

Вот рабочий URL

Код 

<button id="playerbutton1" class="button" hidden on="tap:player.hide,playerbutton1.hide,playerbutton2.show">hide me</button>
<button id="playerbutton2" class="button" on="tap:player.show,playerbutton2.hide,playerbutton1.show">show me</button>    
<div id="player" hidden>some content</div>
...