title: AJAX function to display dynamic data in same page
body: <p>I want to design a webpage as shown in the image below. There are three panels (1,2,3). If I click on the teams (panel 1) then, the panel 2 and 3a will get filled. If I then click on a particular group (G1) then panel 3b will get populated. If I then click on particular animal (A1) then panel 3c will get filled up. The data is being obtained from Oracle database am using PHP.</p>
  
  <p>I am new to AJAX. Can you please let me know the best and efficient way to do this?</p>
  
  <p>Thank you<br>
  San<br>
  <img src="https://i.stack.imgur.com/j02Bd.jpg" alt="enter image description here"></p>