問題タブ [toggleclass]

私はこのtoggleClass関数を持っています：

これにより、divのクラスが「小さい」と「大きい」のクリックボタンの間で変更されます。

divのクラス（＃wrapper、.divone、.divtwo）をCookieに保存したいと思います。そして、リロード時に、クラスは保存されたものになるはずです。

これをどのように管理しますか？

jquerycookieプラグインはすでに埋め込まれています。私のコードはおそらく少し冗長です、ごめんなさい。

私は次のHTMLを持っています:

そして、次の CSS:

次の jQuery を使用します。

});

何が起こるかというと、div 全体が消えます。コードを取り出す$(this).toggleClass('hide');と、折りたたみ div が適切に折りたたまれます (ただし、閉じた三角形の画像を表示する 'hide' クラスは明らかに適用されません)。何故ですか？

ここには他にも同様の質問がある投稿がたくさんあることは知っていますが、1 つのページで表示を切り替えるために使用される複数のラジオ ボタンに関連する投稿を見つけることができます。

フォームに 20 個の質問のセットがあり、ユーザーが [はい] を選択したときに、その特定の質問に対してテキスト領域を表示して、説明を入力できるようにしたいと考えています。

以前、「はい」ラジオ ボタンを選択すると、ページ上のすべてのテキスト領域の表示が切り替わるという問題に遭遇しましたが、 でそれを回避しようとしましたparent().find('.toggle')が、まだ機能していないようです。

あなたが提供できるどんな助けも素晴らしいでしょう！

Javascript:

HTML:

私を困惑させた問題に遭遇しました。ユーザーがカーソルをテーブルの上に置いたときに、テーブルの行の境界線の色を変更したいと思います。

これが私のjQueryです：

これが私のhtmlです：

これがcssクラスです：

Chromeで完全に機能します。Firefoxでは、カーソルがポインタに変わるため、クラスが切り替わりますが、境界線の色が変わることはありません。そのためにjsFiddle（http://jsfiddle.net/5a9k2/7/）を作成しましたが、正常に動作します。これがFirefoxで機能しない理由を誰かに教えてもらえますか？

編集： 回答以下の回答のおかげで、TRには境界線を付けることができないことに気づきました。そうは言っても、動的要素で機能し続ける必要があり、ホバーしたものだけでなく、行のすべてを強調表示したかったので、機能した最後のJSは次のとおりです。

次のjqueryがあります。これは基本的にコンテンツ スライダーであり、id を持つリンクをクリックするとslick-toggle1、一致する content が下にスライドしますslickbox1。などと同じslick-toggle2 --> slickbox2です。

個々のリンクをクリックすると、対応する領域が積み重ねられます。しかし、私が達成したいのは、クリックすると表示されますが、他のものは非slick-toggle2表示になると言うことですslickbox2（そうslickbox1& slickbox3）。

メインナビゲーションとサブナビゲーションがアンカーで構成されているhtmlドキュメントがあります。私が試しているのは、ドキュメントをスクロールしながら、クラスをアンカー（サブナビゲーション）に切り替えることです。

JQueryを使用して、次のことを試しました。

それは多かれ少なかれ動作します。これが私の2つの質問です：

1. 「elが定義されていません」というエラーがスローされるのはなぜですか
2. 「class_1」など、同じクラスの後続の要素が多数あるため、結果は「ちらつき」ます。クラスを読んだ位置に他の値がない限り、実際の値、たとえば「1」を保存できますか？

ご協力いただきありがとうございます。

ファビアン

私はjqueryを使用しており、そのテーブル行の選択時にテーブルにクラスを追加しようとしています.

最初は次のコードを使用していました-

何らかの理由で、既にクラスが割り当てられている一部のインスタンスでのみ機能していませんでした。トラブルシューティングに夢中になる前に、次のように変更しました-

この新しいオプションはうまく機能しているようです。

私の質問は、上記の 1 つのオプションが他のオプションよりも優れているかどうかです.....addClass の代わりに toggleClass を使用する必要がありますか、それとも addClass で十分ですか?

ご意見ありがとうございます。

ニュースティッカータイプのものにjQueryのtoggleClassを使用しようとしていますが、ほとんどの場合は機能しますが、断続的にはアニメーション化されません。これが私が持っているコードです：

ページが最初に読み込まれるとき、2つの状態間をすばやくフリックしてから、通常どおりに実行されます。ただし、アニメーション化されない場合もあります。誰かがこれを引き起こす何かを見ることができますか？

どうもありがとう。

PSはFireFoxとInternetExplorer9で発生します

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

およびCSS:

および Javascript:

今、私はonclickのparent1がparent2のtoggleClassアクションにjQueryを必要としていますが、以前に折りたたみに切り替えた場合に限ります。

1つのページに多数のウィジェットがあり、クラス全体を再利用したいと考えています。ウィジェット内の2つのdiv間で可視性を切り替える疑問符アイコンがあります。

問題は、現在のウィジェットのみをターゲットにするコードを取得できないことです。私は通常のテクニックを試しましたが、ここでは何も機能していないようです。

フィドルはここにあります、http：//jsfiddle.net/clintongreen/9hvVn/

問題のクリック機能は、疑問符アイコンから機能します。トグルクラスが必要なdivは、.widget-contentと.widget-content_nextです。

ありがとう ：）