問題タブ [toggle]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 下にあるコンテンツをz-indexとオーバーラップさせるために、div要素の切り替えが必要です。どうすればこれを達成できますか?
ボックス内に短い紹介テキストがあります。ユーザーがさらに読みたい場合は、残りのコンテンツを表示する非表示の div 要素を切り替えることができます。このイントロ ボックスの下には、常にその位置にとどまりたいと思う他の要素があります。トグルされたテキストを固定コンテンツの「上に表示」したいのですが、トグルされた div を開いたときに下に押したくないのです。さまざまな z-index 値、絶対位置と相対位置を試してみましたが、役に立ちませんでした。これに対するクリーンな CSS ベースのソリューションはありますか? 助けてください!これが私がやろうとしていることのデモです:
syntax - コンテンツを簡単に表示および非表示にする標準はありますか?
- コメントやコードのスラブを切り替えて、コンテンツをすばやく表示または非表示にしますか?
- あなたが使用するいくつかの一般的な方法は何ですか?
- 受け入れられた基準はありますか?
- いくつかの方法は避けるべきですか?つまり、一部のエンジンによって誤解される可能性はありますか?
- これに対する代替またはより良い解決策はありますか?
標準- CSS、JavaScript、PHP、ActionScript など、ほとんどの言語をカバーするために使用するものです。
HTML
PHP - $hide のようなものを定義するとうまくいきます。他の変数は production または dev である可能性があります。大きなスラブを非表示にして、1 つの単純な変数の変更と一緒に表示できます。
jquery - アコーディオンメニューを切り替えるときにbg画像を変更する
アコーディオンメニューがあり、各メニューヘッダーには、メニューが上下にスライドすると変化する小さな矢印imgがあります。
これまでのコードは次のとおりです。
これは、一度に1つのメニュー項目を切り替えるときに正常に機能します。
ただし、1つのメニュー項目を展開し、別のメニューヘッダーをクリックするとします。予想どおり、最初のメニュー項目が上にスライドし、新しくクリックされたメニュー項目が下にスライドします。ただし、上にスライドするメニューでは、矢印gifは元に戻りません。これは、トグル関数がまだ最初の状態にあるために発生します。もう一度クリックして「detailsPanelSelected」クラスを削除すると、画像が元に戻るだけです。コードを見ると、これは予想されます。
だから私の質問は、別のメニューヘッダーがクリックされたときにメニュー項目「detailsPanelSelected」が削除されるようにするにはどうすればよいですか?保留中のトグル機能をどうにかしてリセットできますか?
jquery - jquery トグル 非表示 表示 質問
これを短縮する最も効率的な方法は何ですか?
別のオプションがelse if
jquery - JQ でリンク テキストを切り替える際の問題
リンク上のテキストを切り替えるために、このコードを使用しようとしています:
しかし、うまくいきません!通常の if ... else 構文と同様です。誰かがここで何が悪いのか教えてください。ありがとう!
.net - WinFormのボタンクリックですべてのコントロールを読み取り専用に切り替えます
フォーム上の一連のコントロールを読み取り専用に設定し、ボタンをクリックして元に戻せるようにしたいと考えています。それらをループする方法はありますか?this.Controls
多分......
ありがとう!
jquery - jQueryトグルアニメーション
私はこのjQueryを持っています:
これは正常に機能していますが、機能を少し拡張する必要があります。#paneldivと同期して別のdivのプロパティも同様に操作したいと思います。セカンダリdivに関連する関数をさらに2つ追加しようとしましたが、4フェーズのトグルを取得しました...ハハ!私の無知を許してください!
みんなありがとう!
jquery - jQuery .toggle()がIEのTRで機能しない
jQueryのtoggle()を使用してテーブルの行を表示/非表示にしています。FireFoxでは正常に動作しますが、IE8では動作しません。
.show()
/.hide()
でもうまくいきます。
slideToggle()はIEでも機能しません-一瞬表示された後、再び消えます。FireFoxで正常に動作します。
私のHTMLはこれに似ています
JavaScript
javascript - JavaScript: リンクのアクティブ/非アクティブを切り替える
JavaScript を使用して HTML リンクのアクティブ/非アクティブを切り替えるにはどうすればよいですか?
HTML 内に、JavaScript 関数を呼び出してテーブルを並べ替える 2 つのハイパー リンクがあります。
私がやりたいのは、誰かが「ASC」リンクをクリックすると、「ASC」ハイパーリンク(リンクではなくなった)が無効になり、「DESC」リンクがアクティブになるだけです。
次に、ユーザーが「DESC」リンクを押すと、「DESC」リンクが無効になり、「ASC」リンクが再度有効になります。
基本的に、「ASC」または「DESC」のいずれかのアクティブなリンクを切り替えたい
JavaScriptでこれを行うことができると思いますが、方法がわかりませんか?
何か案は?