問題タブ [slideup]

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行目にスライドダウン.

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

だから私はその上にあるdivをクリックしてからそれを切り替えてリストをスライドダウン/上に移動できるulリストを持っています...しかしIE9でリストをスライドダウンすると、その下にこの奇妙な効果が表示されます：

これはslideUpで発生します

私のコードは次のようになります：

htmlは次のようになります。

テーブル内の最初のものを除くすべての DIV を検索し、それらを上にスライドさせてから削除する次のコードがあります。

これで、これは 2 番目の DIV に正常に適用されますが、他には適用されません。

ただし、使用する場合

最初の DIV の後にすべての DIV が正しく削除されます。ただし、slideUp アニメーションは実行されません。

何か案は？

ありがとう

私は動的検索オプションを実装するために JQuery を使用しています。ユーザーが検索テキストを入力すると、リストは一致しない要素を SlideUp() し、一致する要素を SlideDown() します。私はこのサイトをベースとして使用し、非常にうまく機能するようにしました。

たとえば、リスト要素の5つのうちSlidesUp 2を入力すると、以前に入力したテキストを消去すると、元の5つではなく4つだけが表示されます。そして、最後に隠されているのは必ずしも同じ要素であるとは限りません。

これは私の関連コードです：

出力テキストに 5 (表示する必要がある div の量) と表示されているという事実は、さらに奇妙です。何か案は？？？

そのため、「オブジェクトはこのプロパティまたはメソッドをサポートしていません」というエラーが発生し続けます。メニューを下にスライドさせることはできますが、マウスがメニューから離れたときに上にスライドさせることができません。（#suggestions）

これが私のコードです：（jQuery 1.6）

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

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

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

ページ

jQuery を使用してドロップダウン メニューを作成しました。そのため、ボタンにカーソルを合わせると、メニューが下にスライドします。ここで、マウスをメニューの外に移動して、スライドする前に元に戻すと（メニューには多くの項目があるため、マウスをメニューに戻すのに十分な時間があります）、ドロップダウンメニューの上でチェーンが開始されますslideDown() および slideUp() 関数であり、メニューのマウスを移動するか、ボタンに戻るまで停止しません。以下は私のjQueryコードです：

私はオンラインで調べていて、すでに e.stopPropagation() を試しましたが、うまくいきません。

これは Firefox でのみ発生します。IE7、IE8、Safari、Chrome ではすべて正常に動作しますが、他のバージョンの Firefox については不明です。

お知らせ下さい

私はこれを機能させるためにいつもの容疑者を試しました。ズーム：1、最小高さなどは役に立ちません。誰かアイデアはありますか？（はい、pタグのスパンの下のマークアップはがらくたです。これはリモートフィードであり、変更できません。）

HTML：

JavaScript：

CSS：