問題タブ [toggleclass]

仕事を始めようとしているクラス用に作られたばかりのトグルがあります。トグル状態に基づいて非表示の HTML を追加する必要があります。基本的には、ボタンの状態でフォームを送信する必要があります。フォームも掲載しています。

これが私が持っているものです..ボタンをクリックすると、サンプルテキストが追加されますが、もう一度クリックすると消える必要があります..

私はjQueryに少し慣れておらず、関数を実現するのに苦労しているので、誰かが私を少し案内してくれることを本当に望んでいます。私が基本的にやりたいのは、2つの要素を同時に強調表示することです（toggleClassを介して）。

基本的に#post、タイトル、サム、説明のdivを含む繰り返しdiv（）があります。私がやりたいのは、タイトルにカーソルを合わせるか、要素を親指でdivして、新しい追加のクラス（xxxHover）を取得することです。したがって、基本的に、ユーザーがtitle / thumb divにマウスを合わせると、title / thumb div（両方）は（xxxHoverxxxはdiv名を表します-この場合はtitleHover / thumbHover）という新しいクラスを取得します。

私は説明するのが得意ではないかもしれないので、jsFiddleも用意しました：

http://jsfiddle.net/yLqnd/12/

ご覧のとおり、私の問題は、現在の要素（この場合は#post）のスクリプトのみを制限することです。これがWordPressWebサイトに統合されると言わなければならない場合（つまり、HTML構造は基本的にloop.phpにあります）、そのため、アイテムごとに2倍のハイライト効果のみを制限したいと思います（#post） 。

アイデアを事前に工場に感謝します！

私はこれの間でどのように変更するかを考えようとしています：

この：

メニューをクリックするたびに。基本的に、メニューは閉じている場合はクリックごとに開き、開いている場合はクリックごとに閉じます。

コードスニペット：

私はtoggleClassに関するいくつかの投稿を読みましたが、それを機能させることができないようです。誰かが私のためにそれを簡単に分解することができれば、それは大いにありがたいです！

これがCSSからの切り抜きです：

これは、stackoverflow に関する私の最初の投稿です :) 同じことを行うために一晩中多くの方法を試しましたが、私は初心者なので、あきらめて助けを求めます。

質問には何度も回答がありましたが、TOGGLE に現在の状態を記憶させる簡単な方法が見つかりません。肥大化したコードで jQuery を使用して作業を開始したくありません。

シンプルな開閉パネルを作成する必要があり、toggle() または toggleClass() が必要なものを提供してくれることがわかりました。

私が短縮して修正したMiroの最終的な作業コードは次のとおりです。

ありがとうミロ！

知っている。タイトルがちょっと……わかりにくかったです。あなたがそれを理解するのを助けるために私ができることを見ていきます。

基本的に、私が個人サイトのために行ったことは、Web ページの本体としてのメイン ナビゲーションです。リンクがクリックされると、次のような非表示のコンテンツが読み込まれます。

これにより、現在、Web サイトの訪問者はすべての要素を開くことができます。これは、視覚的に不快であるだけでなく、いくつかのバグを作成しますが、ほとんどの場合、視覚的に不快です.

私の質問は、私が可能な限り無傷のままにしているコードで、一度に 1 つしか開けないようにするにはどうすればよいですか?

前もって感謝します、ジェイコブ

編集：

jQuery の ToggleClass で「p」フォント サイズを増減するのに苦労しています。増加アイコンをクリックすると、段落テキスト 'id=#text' の fontSize が 16px 増加し、アイコンが再度クリックされると 14px 減少します。この目標を達成する最善の方法は、jQuery の ToggleClass を使用することだと思いますが、正しく機能していないようです。提案や解決策は大歓迎です。

jQuery コード:

HTML5 コード:

私のマークアップ:

そして、再生ボタンが押された場合に発生するこのイベントがあります。

今、play-btクラス名が に変更されたと仮定していpause-btますが、どうしてこのイベントが発生するのですか:

解雇されない？

リンクをクリックしてタブ付きライトボックスを表示できるように、「tabify」プラグインと組み合わせて fancybox プラグインを使用しています。そこに問題はありませんが、特定のタブでアクティブ状態をアクティブにし、他のタブからアクティブ状態を削除するリンクをクリックできるようにしたいと考えています。

ここにjqueryがあります：

ここでの目標は、a.timesheet-active がクリックされ、li.active が li.inactive に変わり、li.inactive が li.active に変わるときです。

どんな助けでも大歓迎です！