ここでは比較的簡単な質問があります。DIVをボタンクリックで動的にロードする最も簡単な方法は?
私が必要とするのはこれです。トップに5つのボタンがあり、その下にDIV(最初は非表示)のページが必要です。ボタンをクリックすると、DIV(別のDIV形式)のコンテンツがロードされます。
[Button 1] [Button 2] [Button 3] [Button 4] [Button 5] //5 buttons or links
<div id="content">
// area for content to be loaded
</div>
<div id="content1">
//could be a table or image
</div>
<div id="content2">
//could be a table or image
</div>
<div id="content3">
//could be a table or image
</div>
<div id="content4">
//could be a table or image
</div>
<div id="content5">
//could be a table or image
</div>
上記の例では、ユーザーがページを読み込むと、5つのボタンが表示されます。ボタン5を押すと、 "content5" DIVが "content" DIVの中にロードされます。
<div id="content">
<div id="content5">
</div>
</div>
別のボタンを選択すると、その内容が読み込まれます。
jQueryまたは単純なJavaScriptで実現できます。
感謝
以前のボタンクリックのコンテンツを '#content'の中に残しますか? – ocodo