問題タブ [slideup]

上部に画像、下部にメニューがあるページを作成しています。ユーザーが3つのメニューボタンの1つをクリックすると、画像のslideUpとページが下にスクロールしてメニューがページの上部に表示され、右側の.contentdivがフェードインします。slideUpはユーザーが初めて発生する場合にのみ発生します。ボタンをクリックします。

jQueryでこれを行うための絶対的な最善の方法は何ですか？（プラグインなし）

同じボタンを2回クリックした場合に、すでに表示されているページでフェードインするのを防ぐ方法も知っておく必要がありますか？

私はhrefの代わりにrelを使用しています。これは、hrefがfalseを返しても、ページをジャンプさせたためです。

これは私がこれまでに持っているものです：

私のdivでslideupまたはslidedownを呼び出すと、非常に速くスライドしているようです。すべての内部要素もスライドアップする必要がありますか?

私のDOM:

やあみんな、私は次のメニュー構造を作成しました：

これが私のメニュー構造です。ここで、jQuery最新を使用してSlideUp/SlideDown効果を作成したいと思います。

私はこのようにします：

最初にマウスオーバーとマウスアウトを試しましたが、その関数を使用すると、マウスオーバーが機能し、サブに移動したいときにメニューが上にスライドしましたが、マウスアウトイベントが発生します。これで動作しましたが、たとえばメインアイテム3にカーソルを合わせると、メインアイテム4のサブもマウスアウトで開閉しますか？！？！メインアイテム3またはメインアイテム4などのメニューアイテムのみを言う方法???

私が何を意味するのか理解していただければ幸いですか？

ありがとう

トグル、スライドアップ、スライドダウンを使用して、一連の div を表示および非表示にしようとしています。divをslideDownにすることはできますが、slideUpにすることはできません。私は以前にこのスクリプトを問題なく使用したことがあるので、なぜこれが機能しないのか本当に混乱しています。スクリプトと、表示および非表示にしようとしている div を含めました。

クイック ノート: 通常の古い p タグを「hidden vehicle」div に配置すると、正常に機能しました。本来あるべき姿で見せたり隠したりしていました。ただし、テーブルをその div に戻すと、機能しませんでした。

私はしばらくの間、この機能を機能させようとしています。デフォルトで非表示になっている 11 の異なる div があります。それぞれに「トリガー」ボタンがあり、それらをポップして開くようになっています。これは、特定の div ごとに長い一連の関数を使用して行うことができました (最終的には約 175 行のコードになりました!)。私はそれを同じことをする単一の関数に凝縮したかった.

これが今の私のスクリプトです

現在、すべての「HiddenVehicles」div を開いており、より具体的にする必要があります。私はjqueryにかなり慣れていないので、アイデアがほとんどありません。よろしくお願いします！

編集 - すべての助けてくれてありがとう、これが私が思いついた解決策です:

ラッパー div を作成し、その div がクリックされたときに関数を起動しました。また、画像の交換とすべての機能を表示する機能も含めました。

だから私はFF、Safari、およびChromeでうまく機能する非常に基本的なjQuery .slideDownを使用しています。IE7 ではまったく動作しません。ここにスクリプトがあります：

私は何時間も調査してきましたが、スライドアップ/ダウンに関連するバグについて何かを見つけました。このバグは、postion:fixed 要素の子孫で使用すると IE7 で失敗します。このアニメーションは position:fixed navbar 内で発生していますが、内部要素を position:relative でラップしようとしましたが、役に立たず、IE ではまだ何も得られません。また、nav 要素が jQuery で非表示になっていることに注意してください。その機能は IE7 でも機能しますが、スライドアップ/ダウンは機能しません。

関連する CSS は次のとおりです。

印刷時にこのアコーディオンを拡張させようとしています。javascriptをオフにすると、コードは正常に劣化しますが、印刷時に拡張されません。

これがそのデモで、どのように機能するかを確認できます：http: //evanmoore.webs.com/test.htm

手伝ってくれてどうもありがとう！

以下はコードです：

いくつかの<input>テキストボックスがあるフォームがあります。ポストリクエストを介して正常に動作します。

それぞれが独自のdivで囲まれ、（slideUp（）;を使用して）入力内容を上にスライドします。ただし、divがslideUp（）;を実行したテキストボックス。（したがって非表示になります）フォームが送信されたときに、その変数が次のページに渡されません。スライドアップを続行する方法について誰かがアドバイスを持っていますが、すべてのデータが渡されますか？どうもありがとう。

コード

スクリプトのような SlideUp 効果をご存知かもしれません。まあ、それは閉鎖効果として垂直にdivを上にスライドさせます。

私はそれを水平に動作させたいと思います。これにはオプションがあります: scaleX:true, scaleY:false

しかし、うまくいきません: div は閉じる前にジャンプします...

水平スライドにslideUp効果を使用する方法を知っている人はいますか?

ありがとう

.li_group クラスにマウスを入力すると、1 つの<li>タグでスライドダウン効果が発生し、すべてがスムーズに進みますが、遅延中にマウスを離して .li_group をオンにすると、効果が「キューに入れられ」、li が下にスライドし、遅延し、スライドしますもう一度ダウンなど...私は考えられるあらゆる方法を試しました。しかし、それはまだそれを行います...

hover の代わりに mouseenter を使用する理由は、ul / li リストの方がうまく機能するためです。