問題タブ [slideup]

作業中のページにアコーディオンのようなセクションを作成しようとしています。すべてのセクションを閉じる機能が必要なため、jQueriesネイティブアコーディオンプラグインを使用していません。.slideUp()私の問題は、FirefoxとIEですべてが完全に機能しているように見えるのに、Chromeが応答していないように見えることです。ここにアップロードしたすべての相対コードスニペットをコピーするのではなく、http：//ianburris.com/p/tmp/。Chromeでこれを引き起こしている可能性のあるアイデアはありますか？

さて、ネストされた div で構築されたナビゲーション システムがあり、メニュー div にマウスオーバーしたときにサブメニュー div (およびサブサブメニュー div) を表示し、サブメニュー div (およびサブ-サブメニュー div) マウスアウト時、またはより正確には、別のメニュー div にマウスオーバーしたとき。

最善の方法は何ですか？

これまでのところ、ここに私が持っているものがあります:

現在、適切なメニュー div にマウスを合わせると、すべてが機能しています (サブメニューとサブサブメニューが表示されます)。さて、別の .menu div のマウスオーバーを行うときに、すべての .submenu および .sub_submenu の slideUp を実行するようにスクリプトに指示する必要があるのは、どこ/いつ/どのようにすればよいですか?

ありがとう

作業中の Web サイトで slideDown() 効果を使用しようとしていますが、必要な効果が得られません。ここに私が達成したいことを示すサンプルがあります。

基本的に、「More...」をクリックすると、現在非表示になっているテキストがスライド効果を使用して表示され、表示されているテキストの最後にインラインのまま表示されます。これは、表示をブロックに変更しているため、slideDown() では可能ではないようです。

どうもありがとうございました。

クレイジーな薬を飲んでいるような気がします。手元の問題を解決することに頭を悩ませようとしていますが、最終的にIE7はjqueryの「slideDown」および「slideup」関数を適切に使用しません。

他のすべてのブラウザは動作します。私の最初の理論は、.focusにある問題です（つまり、認識しないため）。機能を.clickに切り替えても、機能しません。

今夜私の命を救ってください。

リクエストされたHTMLスニペット

さらに、このファイルの上に作成された「shoutbox」は、ie7でも機能しません（他のブラウザーでは問題なく機能します）。そのためのコードは次のとおりです。

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

});

.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 の単純な部分だと思っていたものがありますが、それが苦痛であることがわかりました。

これのslideUp部分は正常に機能しますが、下にスライドしません.slideUpのイージング部分を取り除いても機能します。

何か案は？

myDiv2 は最初は非表示になっています。

行をこの作品に変更するため、少し奇妙だと思います...

MacでSafariとFirefoxを使用してテストしています...

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

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

前もって感謝します！

アップデート

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

2 回目の更新

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