简单的jQuery代码段,用于检查切换开关是打开还是关闭。 基本上,可以使用以下测试确定当前状态:
$(this).is(":hidden").
如下例所示,另一种方式是使用data属性将“打开”或“关闭”状态附加到切换按钮,如下所示:
if (this.data('state') === 'closed') {
$('.' + toggleBtnClass).innerText(moreText);
_this.data('state', 'open'); /*add data to store state*/
} else {
$('.' + toggleBtnClass).innerText(lessText);
_this.data('state', 'closed'); /*add data to store state*/
}
要查看实际效果,请查看jQuery.autoToggles插件 。