問題タブ [show-hide]

私のウェブサイトに画像があります。クリックすると が表示され、<div>もう一度クリックすると が非表示になり<div>ます。JavaScriptでこれを行うにはどうすればよいですか? jQuery を使用する必要がありますか?

さて、jQueryに関しては、800ポンドのゴリラが針を通そうとしているような気がします。リスト上で単純な表示/非表示（できればスライドインとスライドアウト）を実行するスクリプトが必要です。

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

ネストされた各ulには、「tier_2」と「hide」のクラスがあることがわかります。理想的には、それらがネストされているli（ "li.tier_1"）をクリックすると、その子ulは非表示クラスを削除し、その中に含まれているliはスライドアウトしますが、同時に他のすべてのul.tier_2をチェックして確認する必要があります。非表示クラスを取得するため、一度に展開できるテーマは1つだけです。

私はいくつかのことを試すためにサンドボックスを設定しました：http：//jsbin.com/odete/3

私のJSは次のようになります。

これを行うにはまったく馬鹿げた方法だと私は確信しています。しかし、私はそれを別のスクリプトに基づいており、サンドボックスで見ることができるように「少し」機能します。

もしあなたの一人がjQueryの手が覗き見をする傾向があるかもしれないということを意味するなら、私は非常に感謝するでしょう。トランジションをスライドインおよびスライドアウトする方法についてもアドバイスできれば、それも素晴らしいことです。

Visual Studio 2005 を使用して、VB.NET でスタンドアロン アプリケーションを作成しています。

Buttonの選択した値に基づいて、一連の を表示/非表示にしたいComboBox。選択ごとButtonに表示する のセットが異なるため、それらを適切なグリッドに配置したいと考えています。

TabControl値を使用して a を駆動するComboBoxことは、私が望むような動作ですが、混乱を招く可能性があるため、ユーザーに TabControl のように見せたくありません。

これを行う方法はありますか？

基本的には、ComboBox の Selection1 にボタン 1 ～ 4 を表示し、Selection2 にボタン 5 ～ 11 を表示し、Selection3 に (おそらく) ボタン 1、3、5、6、8 を表示するなど、適切に配置したいと考えています。 、GUI に ComboBox とボタンのみを表示します。

いつもありがとうございます！

これまでのところ、皆さんは私がこの小さなことをうまく機能させるのに非常に役立ちました。もう 1 つお願いがあります。

このマークアップ:

そして、このjQuery：

この気の利いた「テーマ」スライダーを作成して、このページの右側の列で作業を確認できます: http://clients.pixelbleed.net/biodesign/

これには 2 つの問題があります... tier_2 ul の下のリンクの 1 つにヒットすると、ホバーがスライドの上下を引っ込めます。ネストされたliを誰かがホバリングするとき、スライドアウトのままにしたいと思います。したがって、スライドは tier_1 要素のホバー時にのみ発生するはずです。また、ホバー時に「アクティブな」クラスを tier_1 リンクの a 要素に追加したいと思います。したがって、[a class="enviro"..] はホバーすると [a class="enviro active"] になります。これは、他の tier_1 アイテムの 1 つがホバーされると削除されます。このようにして、誰かがネストされた要素を見ている間、きれいな色のアイコンを表示したままにすることができます。

ホバーですべてが可能かどうかさえわかりませんが、誰かがそれがここにある方法を知っているかどうかはわかりません.

このJqueryの表示/非表示コードを実装しましたが、Webページ（または少なくともすべてのJS）がロードされた後、遅いjavascriptブラウザ（IE 6）で非表示にしたいボックスが非表示になることを除いて、すべて正常に動作します。そして、ページがかなり複雑なため、これにはしばらく時間がかかり、コンテンツの表示に非常に悪い影響が生じ、その後非表示になります..ひどい..

CSS で TO_HIDE_BOX display=none を設定し、後で js で変更できることは知っていますが、js が有効になっていない人は非表示のコンテンツを見ることができないため、それを行う方法はありません。

このひどい影響を取り除く方法についてのアイデアはありますか?

私は次のようなwinformsで似たようなものを探していました

FormEventHandler の運試しをしましたが、どこから始めればよいかわかりません。

提案/アイデアはありますか？

私は Javascript/jQuery/Prototype の初心者で、データベースから情報を取得していくつかの入力フィールドに入力するための Prototype 関数を含むページを持っています。これは、私がこのサイトで働き始める前に作成したもので、現在、div の非表示/表示機能を追加するよう求められています。

jQueryで試してみたところ、2つのフレームワークで衝突がありました（前の質問で見つかりました）。

私の質問は、プロトタイプで表示/非表示機能を構築するにはどうすればよいですか? 情報グラバーを再構築するよりも、この方法の方が簡単だと思います。

これを追加したいページはこちらです。(緑色の「ny kunde」ボタンは div を直接表示する必要がありますが、その下には 1 つが表示されますnewCustomer。

このリソースを見つけました: Hide show div with Prototypeですが、実装方法がわかりません。

ありがとう。:)

クリックされたリスト要素ごとに簡単なメニューを作成したいのですが、外側をクリックするとこのdivは非表示になります。うまくいけば意味のあるいくつかの簡単なコードがあります。

メニューが.drillFolderリンクを介して表示され、ボディクリックがすぐに非表示になるので、何が問題なのかわかります。どうすればこれを回避できますか。

アドバイスいただければありがとうございます

私はこれを初めて使用して、（sketchflowを使用して）簡単なプロトタイピングを行います。ボタンが押されたときに表示し、ボタン（ダイアログ内の「OK」ボタンなど）が押されたときに非表示にする単純なダイアログウィンドウがあります。誰かがこれを行う方法についての簡単なチュートリアルの方向に私を向けることができれば私は幸せになるでしょう、またはあなたが簡単な例を持っていてもここに投稿することができますそれは素晴らしいでしょう（私はこれを永遠にグーグルしようとしてきました！）。

私が試したことをあなたに伝えることができます（明らかにそれは機能しませんが）

1. 「MyDialog」と呼ばれるユーザーコントロールを作成しました。そのユーザーコントロールは、ユーザーがボタンをクリックしたときにオーバーレイしたいGUIのビットである単純なボックスです。

2. そのユーザーコントロールでは、「表示」と「非表示」の2つの状態を指定しました。「非表示」状態では、このユーザーコントロールの要素に対するすべての表示が「なし」に設定され、「表示」ではすべてが表示されます。

3. メイン画面にボタンを作成しました。そのボタンに「ActivateStateAction」という動作を与えました。その動作のプロパティで、TargetScreenを「MyDialog」に設定し、TargetStateを「Show」に設定しました。（また、ターゲット画面をMyprojectName.MyProjectNameScreens.MyDialogに設定しましたが、これも機能しません）

このコードをよくある質問に使用しています。画像をクリックするとボックスが開き、画像をクリックするとボックスが閉じます。クリックごとに画像が切り替わります。これまでのところ、これを変換して複数のセクションで動作させることはできませんでした。jquery や javascript については何も知りませんが、いくつかのプログラミングの概念は理解しています。私は運が悪いので4時間試してきました。あなたの助けが必要です！