WordPress：ボタンを使用してdiv要素にクラスを追加する

Question

WordPress Webサイトで作業しています。一度クリックすると、アコーディオンのすべてのフィールドが展開されるボタンを追加します。 しかし問題は、私はボタンにCSSクラスを割り当てることができるということです（テーマ開発者は私にそれを可能にします）。 ユーザーがボタンをクリックすると、CSSを使用して、アコーディオンのすべてのセクションを展開するコードを含むjQuery（またはそのトリックを行う他の言語）ファイルを実行できますか？

Answer 1

CSSは非常に強力なスタイリング言語ですが、それは実際にはスタイリング要素用に設計されたものです。 Javascriptやそれに関連するクライアント側のコードは、実際には実行できません。

あなたは実際にサイトについて変更できる程度に応じていくつかの選択肢があります。あなたが追加することができた場合は、実際にサイトに小さなスクリプトを追加することができた場合は/ Javascriptを

を変更

、これはかなり些細になる必要があります。あなたが潜在的にこのインラインを扱うことができ、機能に応じて、

<button class='your-special-button'>Click Me!</button> 
<script> 
    $(function(){ 
     $('.your-special-button').click(function(){ 
      // Your button was clicked, do something... 
     }); 
    }); 
</script> 

：あなたは、単にあなたのアクションを実行するために、あなたの特定のボタンにCSSクラスを追加し、その後のjQueryでクリックイベントをキャプチャするために、イベントハンドラを配線する必要がありますonclickイベントを経由して、同様：

<button onclick='DoSomethingHere();'>Click Me!</button> 

追加することができない場合は/変更Javascriptを

あなたの正確な機能に応じて、それが可能かもしれませんマークアップが基本アコーディオンas seen hereを作成するためにそれをサポートする状態にある場合、これを純粋にCSSで処理します。

さまざまなチュートリアルがあり、さまざまな方法で実装できます。お気に入りの検索エンジンで「純粋なCSSアコーディオン」をすばやく検索することを検討してください。