使用聚合物切換兩個div之間

Question

我遇到了使用聚合物我想切換兩個div的問題，我遇到的問題是，我想使用切換聚合物標準的位置：hidden?="{{toggleMe}}"作爲屬性div和剛綁定然後讓會做的觸發或顯示/隱藏，這將是這樣一個功能：

<div hidden?="{{divOne}}">TEST</div> 
<div hidden?="{{divTwo}}">TEST2</div> 

<a on-tap="{{change}}">Toggle</a> 

<script> 
Polymer('componentName',{ 
    change: function(){ 
    this.divOne = !this.divOne; 
    this.divTwo = !this.divTwo; 
    } 
}) 
</script> 

這上面會顯示這兩個和隱藏兩者一起，我想要的顯示和其他隱藏的，所以基本上在兩者之間進行切換，同時從一個隱藏的和另一個隱藏的開始，然後從那裏交換狀態。

我試過這也沒有運氣，因爲我不能這樣做或使用'！'在左側：

!this.divOne = this.divOne; 
this.divTwo = !this.divTwo; 

感謝您閱讀

Answer 1

我已經找到了解決這個問題，我分配真假值隱藏值之前，我用他們的綁定（這爲隱藏狀態賦值爲true，爲單獨值賦值爲false），然後當點擊切換綁定時，我只是使用@Zikes的代碼來切換工作（謝謝）。

當前工作代碼

<div hidden?="{{divOne}}">TEST</div> 
<div hidden?="{{divTwo}}">TEST2</div> 

<a on-tap="{{change}}">Toggle</a> 

<script> 
Polymer('componentName',{ 
    divOne: false, 
    divTwo:true, 
    change: function(){ 
    this.divOne = !(this.divTwo = this.divOne); 
    } 
}) 
</script> 

希望這可以幫助清除有人在未來

Answer 2

this.divOne = !(this.divTwo = this.divOne);