問題タブ [slidedown]

slideDown/slideUpに少し問題があります。私は内部にサブメニューを含むメニューを持っています、私が達成しようとしているのはメニューマウスオーバーにサブメニューを表示することです、そして私はそれを次のようにしています：

サブメニューは下にスライドしますが、そこからマウスアウトを実行すると、再びスライドアップしません。¿私が間違っていることは何ですか？

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

仕事でこのサイトhttp://eco-spirit.ca/を作成しました (IE バージョンはまだ完成していないため、Chrome/Safari/Firefox で最適に表示されます)。上部のアイコンをクリックすると、 .slideDown() メソッドを使用して小さな宣伝文句を表示します。ボスの要求どおりにすべて機能しますが、アニメーションの直後に、余白が変化しているかのように、テキストが約 10 ～ 15 ピクセル跳ね上がっていることに気付きました。.slideUp() メソッドが呼び出されたときも同じです。

なぜこれが起こるのか誰にも分かりますか？

(ps このサイトをデザインしたのではなく、プログラムしただけです)

アプリケーションのフィードバックを含む div が必要です。必要なことは、フィードバックがないときに非表示になり、フィードバックがあるときに表示されることです。ただし、同じものは 1 回しか表示されません。

ですから、常に滑り落ちて隠れているわけではありません。それが今の問題だからです。

これが私がこれまでに得たものです。

以下のページの左側にある jQuery/css サブメニューを作成しました。

http://borviz.ro/exact-tours/inner.html

メニューが下にスライドすると、ジャンプ効果がありますが、それがなぜなのかわかりません。

誰か助けてくれませんか？ありがとう！

HTML：

ある種のアコーディオンを作成する必要があります。アイデアは、キャプション付きのクラスimage-with-captionを使用して、見出しとdiv内の画像のみを表示することです。このコードをjQueryで作成して、画像のdivの下にあるすべてのものをラップし、非表示にしました。

そして、私はこのようなものを手に入れます：

見出しをクリックすると、jQueryによって作成および非表示にされた新しいdivが表示されますが、これを行う方法がわかりません。

jQueryコード：

問題は、クリックしたばかりのh3の下にあるクラスマスターでdivを表示するようにjQueryに指示する方法がわからないことです。残念ながら、HTMLコードを変更することはできません。このコードはCMSによって生成され、同じページに複数のdiv.portletがあるため、コードはそれらすべてに影響します。それが私が望んでいることです。

:(

1) INPUT BOX 1 AMOUNT INPUT BOX2

[Add More .] このボタンをクリックすると、下のようにスライドダウンします。

1) INPUT BOX 1 AMOUNT INPUT BOX2
2) INPUT BOX 3 AMOUNT INPUT BOX4 (x) (閉じるボタン)

[Add More .] をもう一度クリックすると、3 行目にスライドダウンします。

1) INPUT BOX 1 AMOUNT INPUT BOX2
2) INPUT BOX 3 AMOUNT INPUT BOX4 (×) (閉じるボタン)
3) INPUT BOX 5 AMOUNT INPUT BOX6 (×) (閉じるボタン)

[Add More .] 再度クリックすると4行目にスライドダウン.

クリックして閉じると、その行がスライドアップします。

高さ 300px の div があります。slideDown または jquery メソッドのいずれかを使用して、div の一部を下にスライドさせたいのですが、すべての 300px がちょうど 50px であるとは限りません。

うまくいけば基本的な質問です！標準の jquery スライドダウン div があり、その中に 3 つのボタンがあります。ホバーすると、div が通常の方法で下にスライドしてリンクが表示されます。FF / Safariではすべて問題ありませんが、IE8では、divがスライドして開いているため、コンテンツが表示され、本当に厄介な効果が得られます。デモ ページはhttp://james-golding.co.uk/staging/quocms/?page_id=29にあります。

jquery は非常に単純です。

CSS は、この種の標準でもあります。

これについて何か考えていただければ幸いです-それは私を夢中にさせています!

ありがとう。

次のようなJqueryスクリプトを含む単純なファイルがあります。

この関数は、メニューを非表示にしている間、および HTML で ID を showall に変更し、スクリプトを slideToggle に変更すると正常に動作しますが、[すべて非表示] をクリックするとすべてが閉じられ、Firefox によれば、アイテムが次のように変更されます。

しかし、もう一度クリックしても何も起こりません。私は何が間違っているのでしょうか？

ページ

新しいjQueryであるため、コードを組み合わせてdivを左側から右側にアニメーション化してからスライドダウンするのに問題があります。スライドダウン前の div の高さは約 10px で、スライドダウンすると高さ 351px になります。上記を別々に行うことはできますが、組み合わせることはできません!! 少しご指導いただければ幸いです、よろしくお願いします。これが私の現在のコードです。

少し進みました！！一時サーバーで実行しています：

http://www.tridentsolutions.co.nz/test-folder/index.html#construction_home

しかし、ボックスを LHS に戻すことはできません。また、テキストが html にあり、div の画像ではないため、テキストがどのように表示されるかを確認できません。つまり、テキストを非表示にできないということですか? 前もって感謝します