jQueryプラグインjquery.inviewで要素再表示時にアニメーションしない

LazyLoad(画像の遅延読み込み)みたいな表示をしたいということで

表示エリアの判定が楽そうなので、jquery.inview.jsを使用してみた

github.com

今回は表示する要素をcheckboxで選択できるようにする必要があり、表示が変わったらその度にinviewで上からパラパラフェードインしてきてほしかった

しかしそのままだと、一度表示されたことのある部分が、非表示のままになった。

スクロールして戻ってきたら表示される。

修正したのが以下

どうも一度表示した要素にはdata-inview="true"が入っているということが分かったので、表示リセット時にdata('inview', false)を設定すると、再表示した時にもうまくアニメーションしてくれた

チェック外した時の挙動が少しおかしいがまた直す