複数のボタンがあり、それぞれにサブジェクト名が表示されています。例: 英語、数学、社交、フランス語など。
これらのボタンのいずれかをクリックすると、そのコンテンツが表示されます。コンテンツは各ボタン (サブジェクト) に固有です。div コンテナーは 1 つしかありません。特定のボタンが選択されると、対応するコンテンツが表示され、次のボタンが表示されると、現在のコンテンツが新しいボタンのコンテンツに置き換えられ、これらはすべてクリック時にのみ発生する必要があります。
Javaスクリプトとクエリは初めてです。助けてください。
ここに私のHTMLがあります
<div id="graybox">
<button type="button">English</button>
<button type="button">Math</button>
<button type="button">French</button>
<button type="button">Social</button>
</div>
<div id="whitebox">
on click of the subject above, respective content will be shown here,
</div>
PS: 科目はデータベースから取得されます。5 科目、8 科目、または任意の数にすることができます。そのため件名と番号は固定ではありません。