問題タブ [show-hide]

こんにちは、ul と li の使用リストがあります。

子 (class="child") をクリックすると、div (id="important") が上にスライドするはずですが、別の ID を持つリストが他にもあります。クリックした

これは私がしました：

私はそれを機能させる方法がわかりません。他の組み合わせを行ったことがありますが、できないようです。

そのdivが表示されたときにdivのコンテンツを更新するAJAXリクエストを作成しようとしています。私の最初の考えは、表示される div を監視する Event オブザーバーを使用することでしたが、適切なハンドラーが見つからないようです。「表示中」の要素に対して AJAX リクエストを行う簡単な方法はありますか?

jQuery を使用してページの div を非表示にしています。

ページの特定の部分がスクロールして表示されると、div が次を使用して表示されます

次のようにこれに閉じるボタンを追加したい

これまでのところすべて問題ありませんが、私が理解できない部分は、ユーザーがページのトリガー位置にスクロールして戻ったときに div の再表示を停止する方法です...?

jQuery タブの使用方法について簡単な質問があります (リンク ボタンをクリックすると、特定の div を表示/非表示にできます)。div id はリンクの href と一致します。

HTML リンク:

表示/非表示が必要な div:

このフラッシュ サイトのようなメニューを作成しようとしています。

http://elevensix.de/

「ポートフォリオ」をクリックすると、サブナビゲーションへのリンクが表示されます。今のところ、典型的な垂直方向の「ホバーメニューでサブナビゲーションを表示」を機能させることしかできませんでした。

必要なのは、適切なメニュー項目をクリックすると、そのサブメニューが表示されることです。このサブメニューは、サブメニュー項目にカーソルを合わせて選択すると表示されたままになります。サブメニュー項目が選択されると、コンテンツが表示され、メニューとサブメニューの両方が表示されたままになります (選択されたメニューとサブメニュー項目には、ナビゲーション パスを示すために個別の色が与えられます)。うわー。

これが私のhtmlです：

ここに私のcssがあります：

サブメニューを非表示にしてから表示できるように、サブメニューにクラスを与える必要がありますか? そして、クラスはどこに適用されますか? ULに？両方のサブメニューに同じクラスを使用できますか? この目的で display:none 値を適用する方法が間違っていますか?

ここにいるすべての賢明な人々に感謝します。

空白を描くだけで、これは簡単です。

このページを見ると（すべてのJS / CSSが1ページにあります）、http：//dl.dropbox.com/u/904456/expander.html

あなたは私が持っているものを見ることができます。基本的に私は2つのことを違うやり方でやりたいと思います。

A.）ホバーされた.moduleの.module .captionのみを表示し、どちらかがホバーされたときに両方を表示したくありません。B.）単に.show（）ではなくslideOutを実行し、単に.hide（）ではなくslideInを実行したい（ホバーおよびホバー解除時）。

そして、私のマークアップは次のようになります。

いくつかの支援が大好きです！そして、あなたが特に寛大であると感じたら、あなたの方法についての説明（次回）。ありがとう！

$(document).ready(function() { $(".module .caption").hide(); $(".module").hover(function() { $(this).find(".caption" .slideDown(); },function() { $(this).find(".caption").slideUp(); }); });

このスニペットは私の目的には最適です。唯一の注意点は、.module ホバー関数を使用して、$this 以外のすべての「.caption」に「under」のクラスを同時に追加し、それらを削除する必要があることです。ホバー終了。したがって、基本的には、クラスを取得するためにホバリングされた「モジュール」は必要ありません。ここで示していることを正確に実行したいのです...ホバー終了時に.captionを上下にスライドさせ、他のすべての「.キャプションは、「.module」がホバーされたときにアンダークラスを取得します。

私が試してきたことで行き止まりにぶつかっただけで、同じ機能でやりたいです。何か案は？

私はこれがうまくいくように感じます:

基本的に、ロード時に「#viewport (これは #one です) のすべての .children を非表示にしています。次に、別の要素 (この場合は .module .one) がホバーされると、#viewport で何か、具体的には #one を変更したいと思います。 .

基本的なアイデアは可変コンテンツ ウィンドウです。ここでは、サムネイルやモジュールに配置したものをビューポートに表示されるコンテンツと入れ替えます。私が間違っていることはありますか？

ここに私の完全なJSがあります：

マークアップは次のとおりです。

中央の大きなホバー機能は、モジュールが独自に実行する派手なロールオーバー効果用ですが、これらの目的のために、別の要素がホバーされているときにクラスを別の要素に追加できない理由を理解したいだけです。ヘルプ/アドバイスをいただければ幸いです。

Jクエリ:

HTML:

注：基本的には、h2をクリックすると、その隣にdivが表示され、他のすべてが非表示になります。表示/非表示の切り替えだけではありません。ありがとう！

次の機能を実装するための最良の方法は何ですか?

たとえば、ユーザーはメイン フォームに 3 つのボタンを持っています。ボタンをクリックすると、フォームが別のボタンに置​​き換えられ、テキスト コントロールに入力する必要があります。同意をクリックすると、メイン フォームにリダイレクトされます。

visible を使用して切り替えることによって行われますか?

もっときれいな解決策があることを願っています

助けてくれてありがとう、さようなら