問題タブ [slideup]

マウスが離れるときに遅延が必要なホバー スライド ダウン パネルがあります。私が今持っているように、トリガーをホバリングすると複数のループが発生するため、パネルが上下に狂います。コードは次のとおりです。

これを試してみましたが成功しませんでした: $(this).mouseleave(function () {
$(this).delay('500')panel.slideUp('slow');

メイン ナビゲーション項目の 2 つにそれぞれ 3 つのサブ ナビゲーション項目がある、アコーディオン タイプのメニューを作成しようとしていますが、アコーディオンは、異なるリンクに変更されると、スムーズなスライド モーションではなく、非常にびくびくしているように見えます。こちらをご覧ください。 、www.rbasra.com/test

一部のリンクがクリックされたときに白いフラッシュが発生することもあります。

サイトのすべてのページで次のスクリプトを使用しています。

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

ホバー時に表示し、ユーザーがメガメニューまたはトリガー領域を離れるまで開いたままにしたいこのメガメニューがあります。onClickで動作していますが、ホバーで動作させることができないようです。どんな助けでも大歓迎です。

ここでも見ることができますhttp://jsfiddle.net/notanothercliche/5CDEE/

クリック バージョンの場合はさらに良いことに、toggleClass と slideToggle を使用しました。この方法でコーディングを大幅に短縮できます。ここでデモを参照してくださいhttp://jsfiddle.net/notanothercliche/5CDEE/

私は単純なアコーディオンのような垂直メニューに取り組んでいます：

http://www.cybart.com/bscg/

「ソリューション」、「製品カバレッジ」、「チーム」、または「お問い合わせ」をクリックすると、サブメニューが開いたり閉じたりします。

ただし、これらのリンクを2つ以上続けてクリックすると、すべてのサブメニューが開きます。

メニュー項目のいずれかを最初にクリックしてそのサブメニューを開き、現在開いているものを閉じたいと思います。2回目のクリックで、クリックされているリンクのサブメニューが閉じます。

専門家のアドバイスをいただければ幸いです。

私は、jQueryを使用して、基本的なアコーディオンスタイルのメニューを打ち負かして提出しようとしています。

メニューは次のとおりです。

http://www.cybart.com/bscg/

アコーディオン機能を提供するコードのスニペットは次のとおりです。

問題：サブメニューのリンクをクリックすると、サブメニューが上にスライドして閉じます。

サブメニューのリンクがクリックされたときにサブメニューを開いたままにし、トップレベルのリンクがクリックされたときにのみ上にスライドさせたい。

サブメニューをアニメーション化するためにjQueryでトップレベルのulのみを選択するにはどうすればよいですか？または、サブメニューのリンクを選択して「通知」して、クリックしてもサブメニューを開いたままにする方法はありますか？

あなたの知恵をいただければ幸いです！

http://jsfiddle.net/seXjp/

"one"、"two"、"three" の上にマウスを置くと、それぞれからメニューがポップアップ表示されます。

それらがアニメーション化されている場合、右側が約 10px 切り取られているようです。

それらが終了すると、突然それらの 10px が戻ってきます!

なぜこれが起こるのですか？

ありがとう

マウスがdivに入ると、divから上にスライドする画像を表示するためのコードがあります。コードは、マウスの出入りが速すぎてアニメーションに時間がない場合のバグを除いて、希望どおりに機能します。完了するために、私はすでにmouseoverとmouseoutからmouseenterとmouseleaveに変更しましたが、これは役に立たないようです、どんな提案も素晴らしいでしょう

私は次の機能を持っています。

および次のcss

したがって、関数が起動されると、notificationBoxは上からslideDownし、そのメッセージを表示し、3秒後に再びslideUpする必要があります。

なぜslideUpだけがアニメーションとしてうまく機能するのに、slideDownがアニメーションなしでジャンプするのか考えてみてください。

なぜこれがうまくいかないのかわかりません。

そのため、関数を呼び出してnotificationBoxOutput、画面の上部にフィードバックを提供する一種のステータスバーを表示します。バーは下にスライドし、2.5 秒保持した後、上にスライドします。

バー自体には、クリックすると起動する少し近いアイコンが含まれていnotificationBoxCancelます。したがって、ユーザーは 2.5 秒よりも速くバーを閉じることができます。ただし、クローザーは機能しません。コンソールには「正常に起動されました」と表示されますが、ボックスは slideUp() しません。hide() はうまくいきます！fadeOut() と slideUp() はそうではありません。

理由はありますか？

これが私がこのページでスライド効果を作った方法です：dmg-01.net：

思ったほど優雅ではないので、改善したいと思います。スライド効果が1つだけで、重ならないようにするといいと思います。

一方、私はこの方法で同じ効果を達成しようとしました：

高さの「自動」を設定する方法がわからず、「非表示」要素内のコンテンツが要素の外部に表示されるため、破棄しました。

これをどのように改善できますか？

私の目的によれば、CSSプロパティを使用して要素の子孫をアニメーション化することを好みます。これは私がそれをやろうとした方法ですが、それは機能していません。なんで？