問題タブ [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.

0 投票する
4 に答える
1935 参照

javascript - 下にあるコンテンツをz-indexとオーバーラップさせるために、div要素の切り替えが必要です。どうすればこれを達成できますか?

ボックス内に短い紹介テキストがあります。ユーザーがさらに読みたい場合は、残りのコンテンツを表示する非表示の div 要素を切り替えることができます。このイントロ ボックスの下には、常にその位置にとどまりたいと思う他の要素があります。トグルされたテキストを固定コンテンツの「上に表示」したいのですが、トグルされた div を開いたときに下に押したくないのです。さまざまな z-index 値、絶対位置と相対位置を試してみましたが、役に立ちませんでした。これに対するクリーンな CSS ベースのソリューションはありますか? 助けてください!これが私がやろうとしていることのデモです:

0 投票する
4 に答える
174 参照

syntax - コンテンツを簡単に表示および非表示にする標準はありますか?

  • コメントやコードのスラブを切り替えて、コンテンツをすばやく表示または非表示にしますか?
  • あなたが使用するいくつかの一般的な方法は何ですか?
  • 受け入れられた基準はありますか?
  • いくつかの方法は避けるべきですか?つまり、一部のエンジンによって誤解される可能性はありますか?
  • これに対する代替またはより良い解決策はありますか?

標準- CSS、JavaScript、PHP、ActionScript など、ほとんどの言語をカバーするために使用するものです。

HTML

PHP - $hide のようなものを定義するとうまくいきます。他の変数は production または dev である可能性があります。大きなスラブを非表示にして、1 つの単純な変数の変更と一緒に表示できます。

0 投票する
2 に答える
1975 参照

jquery - アコーディオンメニューを切り替えるときにbg画像を変更する

アコーディオンメニューがあり、各メニューヘッダーには、メニューが上下にスライドすると変化する小さな矢印imgがあります。

これまでのコードは次のとおりです。

これは、一度に1つのメニュー項目を切り替えるときに正常に機能します。

ただし、1つのメニュー項目を展開し、別のメニューヘッダーをクリックするとします。予想どおり、最初のメニュー項目が上にスライドし、新しくクリックされたメニュー項目が下にスライドします。ただし、上にスライドするメニューでは、矢印gifは元に戻りません。これは、トグル関数がまだ最初の状態にあるために発生します。もう一度クリックして「detailsPanelSelected」クラスを削除すると、画像が元に戻るだけです。コードを見ると、これは予想されます。

だから私の質問は、別のメニューヘッダーがクリックされたときにメニュー項目「detailsPanelSelected」が削除されるようにするにはどうすればよいですか?保留中のトグル機能をどうにかしてリセットできますか?

0 投票する
3 に答える
4674 参照

jquery - jquery トグル 非表示 表示 質問

これを短縮する最も効率的な方法は何ですか?

別のオプションがelse if

0 投票する
1 に答える
280 参照

jquery - JQ でリンク テキストを切り替える際の問題

リンク上のテキストを切り替えるために、このコードを使用しようとしています:

しかし、うまくいきません!通常の if ... else 構文と同様です。誰かがここで何が悪いのか教えてください。ありがとう!

0 投票する
4 に答える
2895 参照

.net - WinFormのボタンクリックですべてのコントロールを読み取り専用に切り替えます

フォーム上の一連のコントロールを読み取り専用に設定し、ボタンをクリックして元に戻せるようにしたいと考えています。それらをループする方法はありますか?this.Controls多分......

ありがとう!

0 投票する
4 に答える
147990 参照

jquery - jQueryトグルアニメーション

私はこのjQueryを持っています:

これは正常に機能していますが、機能を少し拡張する必要があります。#paneldivと同期して別のdivのプロパティも同様に操作したいと思います。セカンダリdivに関連する関数をさらに2つ追加しようとしましたが、4フェーズのトグルを取得しました...ハハ!私の無知を許してください!

みんなありがとう!

0 投票する
13 に答える
38120 参照

jquery - jQuery .toggle()がIEのTRで機能しない

jQueryのtoggle()を使用してテーブルの行を表示/非表示にしています。FireFoxでは正常に動作しますが、IE8では動作しません。

.show()/.hide()でもうまくいきます。

slideToggle()はIEでも機能しません-一瞬表示された後、再び消えます。FireFoxで正常に動作します。

私のHTMLはこれに似ています

JavaScript

0 投票する
4 に答える
4250 参照

javascript - JavaScript: リンクのアクティブ/非アクティブを切り替える

JavaScript を使用して HTML リンクのアクティブ/非アクティブを切り替えるにはどうすればよいですか?

HTML 内に、JavaScript 関数を呼び出してテーブルを並べ替える 2 つのハイパー リンクがあります。

私がやりたいのは、誰かが「ASC」リンクをクリックすると、「ASC」ハイパーリンク(リンクではなくなった)が無効になり、「DESC」リンクがアクティブになるだけです。

次に、ユーザーが「DESC」リンクを押すと、「DESC」リンクが無効になり、「ASC」リンクが再度有効になります。

基本的に、「ASC」または「DESC」のいずれかのアクティブなリンクを切り替えたい

JavaScriptでこれを行うことができると思いますが、方法がわかりませんか?

何か案は?