-1

私の Web ページの 1 つで、上部に A、B、C などのボタンがあります。

その下に、共通の DIV にさまざまなコンテンツを表示したいと考えています。どのボタンをクリックしたかによって、表示される内容が決まります。ボタンがクリックできる、またはクリックされる順序はありません。

コンテンツ A、B、および C はそれぞれ、メニュー オプション、フォームなどを備えた PHP 駆動のページです。フォームは部分的に埋められた後、ユーザーは上記のボタンのいずれかをクリックしてから別のボタンをクリックしてページから移動できます。フォームに戻る - 部分的に入力されたデータの値を保持する必要があります。

誰かがコードを共有できますか (または正しい方向に向けてください)。

1) ページが最初にロードされたときにコンテンツ A が表示されるようにするにはどうすればよいですか?

2) ページを定義するにはどうすればよいですか?

ここまでで、コンテンツが表示される領域のコンテナー DIV を定義しました。その後、3 つの php ページのそれぞれがロードされる 3 つの DIV。

私の問題は、3 つの DIV がすべて表示され、上下にスクロールして表示できることです。

私は 2 つの DIV を処理できますが、3 つの DIV は私に挑戦します。

前もって感謝します。

ウタム

4

2 に答える 2

0

レイアウト

<button class="toggleButton" data-target="div1">A</button>
<button class="toggleButton" data-target="div2">B</button>
<button class="toggleButton" data-target="div3">C</button>

<div id="div1" class="toggleDiv">
   Content A
</div>

<div id="div2" class="toggleDiv" style="display:none">
   Content B
</div>

<div id="div3" class="toggleDiv" style="display:none">
   Content C
</div>

JavaScript コード:

$(function(){

   $('.toggleButton').click(function(){

         var target = $('#' + $(this).attr('data-target'));
         $('.toggleDiv').not(target).hide();
         target.show();
   });
});
于 2013-07-29T14:53:56.753 に答える