AJAXコールを使ってdivを隠す方法

Question

私のコードを見直して写真を添付し​​てください。どのように私はここでajaxコールを使用した。

私の必要条件は、ユーザーのタイプが「タイプ」、次に「ガード」タイプが開いているときで、ユーザーが「高さ」をクリックしてから「高さ」の鳥が開いているときです。

<div class="table-responsive tablescroll" id="tableTypescroll"> 
    <table class="table table-hover" id="tblType"> 
    <thead> 
     <tr> 
     <th>Head Panel Types</th> 
     <th>Edit</th> 
     <th>Delete</th> 
     </tr> 
    </thead> 
    <tbody> 
    </tbody> 
    </table> 
</div> 
<div class="table-responsive tablescroll" id="tableHeightscroll"> 
    <table class="table table-hover" id="tblHeight"> 
    <thead> 
     <tr> 
     <th>Heights</th> 
     <th>Edit</th> 
     <th>Delete</th> 
     </tr> 
    </thead> 
    <tbody></tbody> 
    </table> 
</div> 

Answer 1

あなたの目標は、単に非表示と表示してあるので、私はあなたの代わりにjQueryのアコーディオンを使用することをお勧め、またはjqueryのタブ、あなたのdivを隠し、表示するために、AJAXを使用するように持っていけない、

あなたのdiv、