我如何使用AJAX调用隐藏div

Question

请仔细检查我的代码并附上图片。我如何在这里使用ajax调用。

对我来说，我的要求是当用户客户端在Type上，然后输入gird打开，当用户点击Height时，Height gird打开，其他将被关闭。

 <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标签，您不必使用ajax来隐藏和显示您的div，

因为你的目标只是隐藏和显示你的div，