jquery - html div タグ ID

Question

Web ページに 2 つのボタンがあります。最初のボタンをクリックすると、Google マップが div 内に読み込まれます。これは、次のように div で Google マップの ID を指定することで簡単に実行できます。

 <div id="map" />

この上に別の<div>要素があります。2 番目のボタンがクリックされた場合、この div は前と同じ場所にロードされる必要があります。どうすればいいですか？

<div id="table" /> 

Answer 1

のようにjQueryを使用してみてください

見せる

 $('.target').show();

隠れる

$('.target').hide();

Answer 2

新しいコンテンツを DIV にロードしたいですか、それともコンテンツを同じ場所に表示したいだけですか?

コンテンツをリロードしたい場合は、AJAX などを使用して作業を完了する必要があります。「タブ」のような効果を作成したいだけの場合は、CSS の疑似クラス要素を使用してください。CSS-Tricks.com で、これらの両方に関する詳細情報を見つけることができます。

Answer 3

このためには、最初のボタン クリックで以前の値を保存する必要があります。