在Google Closure中相當於jQuery .toggle（）

Question

我正在重寫一些我的JavaScript文件，以擺脫jQuery並使用Google Closure代替。我有一個用戶可以切換顯示或隱藏的日期選擇器。目前，下面的代碼被用於：

if (this.open == open) 
    return false; 

$(this.elDatePicker).toggle(open); 
this.open = open; 
return true; 

哪裏el.DatePicker是裏面的日期選擇器的元素，在這種情況下，一個div。

我正在尋找一種方法來重寫這段代碼，將jQuery更改爲Google Closure。任何想法如何這應該是可能的？

Answer 1

你應該能夠做到

goog.style.showElement(this.elDatePicker, !goog.style.isElementShown(this.elDatePicker)); 

來源： Google Closure Style.js Doc

Answer 2

您可以使用比比類無頭元素，

this.zippy = new goog.ui.AnimatedZippy(null, this.elDatePicker); 

（...）

this.zippy.setExpanded(open) 

Answer 3

作爲參考

沒有參數，所述.toggle（）方法簡單地切換元件的可見性：

來源：http://api.jquery.com/toggle/

如果是這樣則設置要麼display none或visibility：隱藏/可見光。應該足夠了。

可以使用goog.style.setStyle(element, style, opt_value)

這裏是一個jsbin鏈接：http://jsbin.com/ENOX/3/

Answer 4

如果你想切換特定CSS CLAS，你可以使用：

goog.dom.classlist.toggle(element, 'className');