javascript - 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。任何想法这应该怎么可能？

score 1 · Accepted Answer

以供参考

在没有参数的情况下， .toggle() 方法只是切换元素的可见性：

如果是这样，则设置display无或visibility：隐藏/可见。应该足够了。

这是一个 jsbin 链接：http: //jsbin.com/ENOX/3/

score 1 · Accepted Answer

你应该能够做到

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

score 1 · Accepted Answer

如果要切换特定的 CSS 类，可以使用：

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

score 0 · Accepted Answer

您可以使用没有标题元素的 Zippy 类，

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

(...)

this.zippy.setExpanded(open)

4 回答 4