問題タブ [slidetoggle]

リストの要素を表示/非表示にするために .click で slideToggle をトリガーするメニューがあります。

ページが最初に読み込まれると、リストのすべての要素が表示されます。リスト内のさまざまな要素に対応するメニューをクリックすると、さまざまな部分がスライドします。メニューは次のようになります。

リストは次のようになります。

ONE をクリックすると、2 と 3 が上にスライドし、.one の項目だけが表示されます。それは起こります。ONE をもう一度クリックすると、2 と 3 が下にスライドして、すべてが再び表示されます。その通りです。

ただし、ONE をクリックしてリストを展開せず、代わりに TWO にジャンプすると、事態は奇妙になります。期待されるアクションは、.one と .三。代わりに、THREE をクリックすると .three のみが表示され、.one と .two が表示され、.three が非表示になります。

それは混乱です。これが私が今これらをどのように呼んでいるのかです：

単純に機能する方法が必要ですよね？

私のウェブサイトには見栄えの良いスライドアップ/スライドダウン jquery フォームがあります。データを同じファイルに送信して、電子メールを送信します。これはうまくいきます：

メールを送信するための test.php の先頭の php:

これは、外部ファイルから単純なメール機能を取得しています。ただし、フォームのエントリを検証し (電子メールの検証を含む)、連絡先ダイブにエラーを表示する方法が必要です。私はjQueryやajaxの経験はありませんが、phpでifステートメントを使用して、ajaxの「成功」部分で変数をエコーすることはできません。

ここで何が起こっているのかわかりません..メニューにスライドトグルを追加しようとしています..非常に単純なようです..問題を見つけるためにこれを単純化しようとしました（つまり、すべてを取得しましたリンクアウトと追加のjquery、その一番下の例（最後の段落）だけがありますが、エラーが何であるかわかりません..（それ以外は何もしません）

含まれるもの：

スクリプト：

HTML：

私は本当に一般的なものを作成しています - 折りたたみ可能なメニューリストです。実際には、ワードプレスの管理メニューをエミュレートしようとしています。私の理解を超えた何らかの理由で、slideToggleでメニューをスライドして開くことができましたが、トグルアンカーを再度クリックしても閉じません。これはjqueryです：

これがマークアップです

誰でも助けてくれますか？

デフォルトでdisplay:noneに設定されているスライドアウトパネルを使用しています。トリガーをクリックすると、クラスが「アクティブ」に切り替わります。これにより、トリガーにスプライトの位置から来る赤い x (閉じる) が表示されます。

}); これは私が持っているものですが、今私が欲しいものが来て、おそらくあなたの1人がこれを達成する方法を知りました.
パネルをデフォルトで表示するか、デフォルトで非表示にするオプションを作成したいと思います。トグルはそれに応じて動作するはずです。これは、デフォルトでパネルを表示することを選択した場合、x スプライトの位置を表示するためにトグルを「アクティブ」に設定する必要があることを意味します。デフォルトでパネルを非表示にすることを選択した場合、+ スプライトの位置を表示するには、トグルを「非アクティブ」に設定する必要があります。

私は自分自身を十分に明確にしたことを願っています。HELP 大変お世話になりました。

編集あなたたちは正しいです。もう少し説明が必要です。できるだけ短くしたかったのですが、もう少し...

私は Web サイト テンプレートを作成しています。テンプレートの購入者は、情報目的でこれらのパネルを含めることができるはずです。デフォルトでは、パネルを表示するように設定し、トリガー クラスを「アクティブ」に設定する必要があります。これは、閉じるために私の小さな x を表示します。
ただし、テンプレートの購入者が追加のクラス「非表示」をパネル マークアップに追加する場合、パネルはデフォルトで非表示にする必要があり、トリガーをアクティブに設定しないでください。その場合、トリガーはこのパネルを開くために小さな + を表示するためです。今私のアイデアを得ましたか？

私はこれまでこのバグに遭遇することなく、jQueryとslidetoggleエフェクトをかなり使ってきました。このページはhttp://gilman.oomphdev.comで、バグはユーザーが「What'sThis？」をクリックしたときです。IE7のページ上部にあるタグ。また、「Contribute Yours」リンク（右側の列、白いボックスの下の方）をクリックすると、コメントフォームが開きます。

slideToggle効果は、一部のコンテンツを押し下げますが、他のコンテンツは押し下げません。要素はdisplay：noneからdisplay：blockに点滅し、その後消えます。コンテナ内に「フロート」が表示/非表示になっている要素がありますが、コンテナの高さを示すためにクリアフィックスを使用しています。

これはz-indexの問題だと思ったので、DOM全体をループしてすべてのDIVにz-indexを手動で与えるjQueryを見つけましたが、それは役に立ちませんでした。また、いくつかの要素でposition：relativeを試してみましたが、それも役に立ちませんでした。私はCSS3PIEを使用していくつかのCSS3効果をレンダリングしていましたが、考えられるバグのフィールドを絞り込むためにそれをオフにしました。

これまでのところ、私は困惑しています。任意の洞察をいただければ幸いです。私のメインのスタイルシートは次のとおりです。

/wp-content/themes/thinking/styles/screen.css

そのディレクトリには、ie.cssとreset.cssのスタイルシートもあります。

私はそのような問題を抱えています、私はいくつかの隠されたサブコンテンツを持っているメニューを持っています。ユーザーがナビゲーションボタンをクリックすると、非表示のコンテンツが表示されます。その部分は問題なく、すべて機能しています。

私が知る必要があるのは、隠されたコンテンツを表示するナビゲーションアイテムが1つある場合です。ユーザーが次のナビゲーションアイテムをクリックした場合。他の非表示のコンテンツを非表示にし、新しい非表示のコンテンツを表示したいと思います。

私のインスピレーションはこのウェブサイトから来ています。http://www.o2.co.uk/ナビゲーション矢印の項目をクリックした場合。これに関するどんな助けも素晴らしいでしょう。ちなみに、すべての表示と非表示の効果はすべて機能しています。

助けてくれる人に感謝します。

jQuery の slideToggle() の問題を回避する方法はありますか?

誰かがリンクにカーソルを合わせると、その下にスライドトグルリストがある水平スライドメニューがあります。

ポイントは、jQuery が読み込まれる前にマウスをリンクの上に置いたときです。すべてが正反対に機能します。ホバーするとメニューが消え、ポインターが別の場所にあるときに表示されます。だからメニューは役に立たない。

jQuery コードは次のとおりです。

}))

たぶん、「nav li がホバリングして ul が見えない場合は、もう一度スライドトグルする」のようないくつかの条文でしょうか? しかし、私はそれを書く方法がわかりません。

どうもありがとう。

なぜこれがIE7で機能しないのですか？どんな助けでも大歓迎です！

http://www.kewl.ca/slideToggle.php

ここに問題の例を作成しました。

http://jsfiddle.net/jXLSW/

画像にカーソルを合わせると、画像の上部に div が表示されることに注意してください。画像を離れると消えます。問題は、マウスを上部の div の上に移動したときです。マウスが出入りするため、この表示/非表示サイクルに入ります。

上部に表示されるこの div には、ツールバーとして機能するアイコンが含まれます。カーソルを合わせたときにツールバーを表示したままにするにはどうすればよいですか? さらに重要なことに、ホバーイベントでサイクリングを停止するにはどうすればよいですか?

更新: 興味深いのは、次のコードが希望どおりに機能することです。問題は、多くの場合、ライブクエリの問題が発生しているように見えることですが、実際には発生しません。したがって、div が表示されず、これも大きな問題です。