問題タブ [slidedown]

次の簡単なスライド ダウン ホバー メニューがあります。

});

.menu-item にカーソルを合わせると .sub-menu が下にスライドし、離すと上にスライドします。完璧です。

.menu-item にカーソルを合わせたときに .sub-menu を上にスライドさせる必要があります。その逆も同様です。

私はslideUpとslideDownを交換するという明らかなことをしましたが、うまくいかないようです。

何か案は？

できればどうもありがとう:)

リンクをクリックした後、1つのdivをslideUpし、別のdivをslideDownしてから、次のページに移動します。
問題: アニメーションが終了する前に新しいページが読み込まれます。
質問: どうすればこれを行うことができますか?
preventDefault を使用してから、何らかの方法で再開する必要がありますか?

これは URL です: http://www.jolandaschouten.nl/wordpress

これは、最初のメニュー項目に対してのみ実装されたコードです。

ps: SEO とブラウザーのナビゲーションの問題のため、AJAX を使用したくありません。クリックすると、実際には次のページに移動する必要があります。

チェックボックスがチェックされている場合はslideDown()、チェックボックスがチェックされていない場合はslideUp()というフォームに3つのセクションがあります。

フォームの一部で、単純なボタンを使用して関数を実行しています。

チェックボックスをオフにしてコンテンツを上にスライドさせ、もう一度チェックしてコンテンツを再び下にスライドさせると、ボタン内のテキストが消えて小さなボタンが残ります。これは引き続き機能しますが、ユーザーにその機能を通知しません.

どんな助けでも素晴らしいでしょう。

ありがとう

リチャード

マスターページに次のコードがあります。

jQuery:

HTML:

これを変更するtoggle("slide")と、マウスがli.submenu. これは、要素が確実に存在し、タイプミスがないことを意味します。ただし、slideDown および slideUp 機能は機能していないようです (低速が超高速を意味しない限り...)。

jQuery と jQuery UI 用に含めているファイルは、jquery-1.4.2.js と jquery-ui-1.7.2.custom.min.js です。これで十分ですね。

ユーザーがJSを持っていない場合に備えて、サブメニューを即座に表示または非表示にすることを指定するCSSがあります（display: block;/ ）。display: none;これが問題を引き起こしている可能性はありますか? JS が有効になっている場合に CSS が動作できないように、JS を使用してサブメニューのクラスを変更する必要がありますか? または、CSS が原因ではない他の問題がありますか?

私は Jquery を初めて使用しますが、単純な垂直アコーディオンを作成しました。それは私が必要とする仕事のようですが、スライドダウンの終わりに目に見えるジャークがあります.

誰かがそれを見て解決策を提案できれば、それ以上髪を引っ張るのをやめることができます!

ここに私のテストページへのリンクがあります（すべてのコード[css、jsなど]は簡単にするために1つのファイルにあります）：Vertical Accordion

私はいくつかのアニメーションを使ったプロジェクトに取り組んでいます。フェード、スライド、および通常のピクセルアニメーション。

私のクライアントは、jQueryがアニメーションをアクティブ化した回数を「記憶」していることを嫌っています。したがって、離れてもアニメーション化（キューイング）を続けます（unHover ..それが単語の場合でも:-P）。

私は、pixelanimationsでのみ機能し、slideDownsでは機能せず、フェードする解決策を見つけました。アニメーションの前にstop（）を設定します。「stop（）。animation」。

どこでも機能するソリューションはありますか？

ありがとうございました！

次のプラグインに基づいて、jQuery を使用して基本的なスライド ダウン パネルを実装しようとしています。

http://samuelgarneau.com/lab/slidebox/

私が抱えている問題は、Chrome で見ると、左上隅に (パネルからの) スタイル設定されていないコンテンツのフラッシュがあるように見えることです。リンクは次のとおりです。

http://www.asolidsite.com/clients/glennstar/custom/index.html

これはプラグインのデモでは発生しません。つまり、何かをいじったに違いありません。しかし、私はあらゆる種類のもので遊んでみましたが、うまくいきませんでした。jQueryの洞察を持っている人がいるかどうか疑問に思っています。

jQuery bg resizer が干渉している可能性があるのではないかと思います (そして、ロード時に大幅に遅れる原因となっています...)。

助けてくれてありがとう！

私はメニューに取り組んでおり、Chrome/Safari で完全に機能しています。URL はhttp://www.penuli.nl/aboutvanwow.htmlです。

しかし、FF はツールチップで苦労しています。ボタンにカーソルを合わせるたびに、他のすべてのボタン (リスト アイテム内の div) が親であるリスト アイテムの下部にジャンプします。すべてのアイテムは、他のアイテムを「押す」ことなく互いに収まるほど大きいため、なぜそうするのか理解できません。

コメント ボックスには、メニューについて作成したイラストへのリンク があります (画像を投稿するのに十分な評判ポイントがありません)。

もう少し複雑にしているのは (しかし、それとは関係がないはずです)、ボタンがページ内でアニメーション化されることです。これは、それらの位置が相対的であることを意味します。

別の質問を読んで、Stackoverflow の皆さんのおかげで 1 つの解決策を見つけましたが、これはアニメーションを変更する必要があることを意味します。すべてのボタンをページの下に「落下」させるイベント。何も機能しない場合は、もちろんそのアニメーションをキャンセルできます。多かれ少なかれアニメーションよりもサイトがきちんと機能することが重要ですが、両方で機能するソリューションは優れています! 前もって感謝します。

いくつかの CSS (アニメーションの開始と終了のためのいくつかの行なし):

これはおそらく初心者の質問であるに違いないことは知っていますが、jqueryについてあまり知らないので、ここで質問する必要があります。

さまざまなボタンをクリックすると、さまざまなコンテンツを切り替える必要がある要素があります。ここで、JavaScriptの呼び出し方法をここに投稿します。

onclick = "javascript：gotoSubonderdeelmenu（this）;"

これによりdiv要素が取得され、これを使用して、表示するコンテンツの正しいIDを取得します。今私のjQueryコード：

初めて呼び出される場合を除いて、常に期待どおりに流暢にスライドダウンします。

誰かがこれを解決する方法についての手がかりを得ましたか？

コンテンツをスライドアップ/スライドダウンする詳細情報/詳細情報ボタンをクリックすると、IE7 でスペーシング グリッチが発生します。それを表示/非表示に置き換えると、修正されるようです。IE7でスライドして動作させる方法を知っている人はいますか?

私が話していることを確認し、ここで修正を試みることができます: http://jsfiddle.net/C9reK/2/

前もって感謝します！

アップデート

「position:relative」を持たないと症状が解消され、アニメーション化しないと症状が解消されます。残念ながら、これらはどちらも私にとって受け入れられるオプションではないため、アニメーションと相対的な位置を維持する答えをまだ探しています。

2 回目の更新

表示/非表示だけでも問題が発生したことがわかりました。フローティング スタックからアイテムが削除されると、スタック アイテムの再配置/再計算が行われますが、マージンは考慮されません。余白がない場合は、ジグルは発生しません。明らかに、それらは必要です。