「ブックブロック」と呼ばれるページめくりプラグインを使用しています (デモはこちらにあります)。
各ページに画像を配置し、動的に追加しています。問題は、ページをめくると、本の両側で前の div と次の div が突然押しつぶされてしまうことです。次のスクリーンショットは、ページめくりのアニメーションの途中で撮影されたものです。
本の各ページを見るとわかるように、「item1」、「item2」などです。表示プロパティはすべて「none」に設定されていますが、なぜか表示されています。
このサイトのライブ バージョンは、ここにあります。追加してみました
$(".bb-item").hide();
js/jquery.bookblock.js の 259 行目から始まるように見えるアニメーション シーケンスの直前ですが、うまくいきません。この問題をデバッグするには、他にどのようにすればよいでしょうか?
更新: 申し訳ありませんが、ライブ バージョンの各 div の右下にある [展開] アイコンをクリックすると、フリップブックにアクセスできることをお伝えしておくべきでした。