2017-02-26 6 views
1

私は電子商取引サイトで作業しています。登録クライアントは、管理パネルを持っているとあります後の施設enter image description hereサイドバー "カテゴリ"の選択と機能PHP

とき、「受信トレイ」それが彼の「マッサージ」と表示されますと「送っボックス」をクリックし、それが表示されたときに、私を 「マッサージ送ら」は今ときにクライアントをクリック[受信トレイ]/[送信ボックス]をクリックすると、すべての機能が同じページに表示されます。 enter image description here

私は同じページにそれらを表示したくない... 今私はこのコードを使用しています

<div id="inboxdiv" > 
 
        
 
        <script> 
 
    function inbox() { 
 
     $("#inboxdiv").load("member/inbox.php"); 
 
    } 
 
        </script> 
 
        </div> 
 
        <div id="sentboxdiv" > 
 
        
 
        <script> 
 
    function sentbox() { 
 
     $("#sentboxdiv").load("member/sentbox.php"); 
 
    } 
 
        </script> 
 
        </div>
<ul class='w-list'> 
 
\t \t \t \t \t <li class='w-list-item'><a class='link' href="javascript:inbox()">Inbox</a></li> 
 
\t \t \t \t \t <li class='w-list-item'><a class='link' href="javascript:sentbox()">Sent Box</a></li> 
 
</ul>

+0

ユーザが両方(最初の 'inbox'と' sentbox')をクリックすると、両方を表示しますか? –

+0

いいえ、今すぐクリックしているクライアントを表示したいだけです... "受信トレイ"の場合、 "送信ボックス"と "送信ボックス"の場合のみ – sajid

答えて

1

のためにあなたは、新たなリンクがクリックされたときに、以前のdivをクリアする必要があります。この解決策を確認してください:

<div id="inboxdiv" class="content_data"> 

        <script> 
    function inbox() { 
     $(".content_data").html(""); 
     $("#inboxdiv").load("member/inbox.php"); 
    } 
        </script> 
        </div> 
        <div id="sentboxdiv" class="content_data"> 

        <script> 
    function sentbox() { 
     $(".content_data").html(""); 
     $("#sentboxdiv").load("member/sentbox.php"); 
    } 
        </script> 
        </div> 
+0

2つの機能(受信トレイと送信ボックス) ..しかし、私は20以上の機能を持って..その複雑な – sajid

+0

すべてのdivの共通クラスを追加し、ロードする前にそれをクリアします。私の編集された答えをチェック@sajid –

+0

ありがとう:)その作業 – sajid