問題タブ [jquery-effects]

以下のコードは、1 つの条件を除いてうまく機能します。ドキュメントの準備が整う前にユーザーが要素にカーソルを合わせていると、slideToggle が同期しなくなります (または反転します)。

その結果、 #logged_in_nav がマウスアウトで表示され、ホバーするとボックスが消えます。これを修正する簡単な方法は何ですか?

だから私はぐるぐる回っていましたが、このレイアウトの良い解決策はまだ見つかりませんでした。

私がやろうとしているのはギャラリーのようなものです。最初の親指、次にクリックした親指の下の大きな親指。

問題は、異なるイベントを分離することです。

1. divが表示されていないクリック。（選択したdivを下にスライドします）
2. divが表示されたクリック。（新しいdivへの移行。古いものを非表示にしてから、新しいdivか何かを表示します）
3. すでに選択されているdivでクリックします。（選択したdivを上にスライドします）

さまざまな解決策に苦労してきましたが、グリッチがあるか、最初はクリックに反応しないことがあります。

これまでの基本構造：

次に、そのスニペットを繰り返します。UL（3xLI）、次にDIV、UL（3xLI）、次にDIVであるため、より良い解決策はありますか？

トグルとそれを解決する方法について何か考えはありますか？

デフォルトの状態：

クリックした場合：

選択した要素の内容の変更にアニメーション効果を追加しようとしています。

これがdivの内容を変更する私のコードのようです。

このプロセスに簡単なスライドダウン効果を追加したいと思います。これはどのようにすればよいですか？

jQueryUIタブコントロールがあります。並べ替え可能なブロックが含まれています。他のタブにドロップすることもできます。ブロックが別のタブにドロップされたときに、スライドエフェクトを使用して、新しいタブに表示する前に、現在のタブからブロックを非表示にします。

これがjsfiddleの問題のデモンストレーションです（問題を複製するには、jsFiddleリンクの指示に従ってください）

jsFiddleデモは、最初は問題の動作状態を示しています。標準の.hide（）メソッドを使用してブロックを非表示にします。ただし、hide（）で「スライド」効果を使用すると、予期しない結果が発生します。ブロックはアニメーション化されていません。代わりに、1000msのアニメーション間隔の後、ブロックはタブから消え、新しいタブの予期しない位置に配置されます。

予想される動作は、ブロックが左にスライドし、[フル]タブから[空]タブに移動することです。

おい！

主題に切り込みます。jquery コードは次のとおりです。

ここにhtmlがあります：

これで、h1s スライドの下のコンテンツを切り替えて表示し、もう一度切り替えるとスライドアップします。しかし、問題は、h2 の画像をクリックしたときにも効果が発生することです。私はこれについてネットを検索しようとしましたが、まだ答えを得ていません:/私は助けを大いに感謝します:) 「InBetween」h1を短縮するさまざまな種類のコンテンツがたくさんあるページの単純な小さなスクリプトそれらの下のコンテンツを非表示にし、クリックすると表示することでページを表示します。

Web アプリケーションがあり、JQuery UI トランジション効果のフェードとスライドを使用しています。セレンを使用してこれを自動化したいと考えています。

この目標を達成するにはどうすればよいですか？

ありがとう

サイトの「特集」セクションを開発しています。左側の要素にカーソルを合わせると、右半分のフェードインがトリガーされるという考えです。

これは、要素の重なりがある場所 (赤い線の間の中央のどこでも) を除いて機能しています。フェードイン効果のちらつきの原因となります。

これは機能の HTML です

そして、これはjQueryです

どんな助けでも大歓迎です。

このコードとその機能のデモへのリンクを追加しました - http://jsfiddle.net/jamescallaghan/7rLhS/

重複の可能性:
この jQuery を自分の持っているものよりも速くするにはどうすればよいですか?

現在、このスクリプトを一種の「タブ」システムに使用しています。1 つのタブをクリックすると、他のすべてのタブが非表示になります。それらはすべてdivです。しかし、現時点では、選択した div が読み込まれる前にフェードアウトする速度が十分ではないと思います。選択されて現在表示されているdivの下に移動してしまいます。

ご覧のとおり、クリックしたときにそれぞれの「_s」divを開きたい5つのタブがあるため、トグルは必要ありません。フェードアウト、フェードイン。

フェードインの前にフェードアウトを発生させる方法、または遅延を追加する方法はありますか? このスクリプトに遅延を追加する方法や、新しい div がフェードインする前に div が完全にフェードインすることを確認する方法がわかりません。

数日前に同じ質問を投稿しましたが、まだ正しい答えが見つかりません。

タブをシャッフルするための現在の作業スクリプトは次のとおりです。スタックはそれを奇妙にフォーマットしています。投稿を編集し、必要に応じて読んでください。

何かが起こる前に、最初のタブを除くロード中のすべての div を非表示にする別のスクリプトを作成しました。これをソリューションに統合して、100 のスクリプトを使用しないようにすることはできますか? ソースは次のとおりです。

さて、これはそれがきれいにするHTMLです:

ここに私が持っていたいくつかの提案がありますが、どれもうまくいきません。ハンターが提供するものはうまくいくようですが、どこかに構文エラーがあり、診断するのにjqueryが得意ではありません。ありがとうございました！

このjQueryを私が持っているものよりも速くするにはどうすればよいですか?

jQuery の効果は素晴らしいですが、影響を受ける要素の下にある残りの要素が、効果を引き起こすラッピング div のために移動していることに気付きました (このデモ ページにアクセスし、「バウンス効果」または「シェイク効果」までスクロールして確認してください)。 ）。

エフェクトの再生中にドキュメント内の残りの要素を安定させるにはどうすればよいですか?

私が知る限り、これは IE 8 にのみ影響します。

次のコードを使用すると、gif は表示されますが、アニメーション化されません (1 つの位置で動かなくなります)。

私も.css('display', 'block')同じ結果で使用しました。

アニメーション GIF を表示するための信頼できるクロスブラウザーの結果を生成する、受け入れられている (おそらくこれよりも優れた) 方法はありますか?