I have a page where I would like to display the menu of a restaurant using different categories e.a. Soup, Starters etc. By default there is a text coming from the database table content. This content should be replaced with content from the table menu depending on what link was clicked. I have a div called content
HTML Code:
<div id="content"></div>
I load the content dynamically
Code:
<script type="text/javascript">
$(document).ready(function(){
  $("#content").load( "menu.php" );	
});
</script>
In have the following links on the page:
HTML Code:
<div class="sidebar">
  <ul id="menu">
    <li><a href='?category_id=1'>Soepen/Soups</a></li>
    <li><a href='?category_id=2'>Voorgerechten/Appetizers</a></li>
    <li><a href='?category_id=3'>Hoofdgerechten/Main Courses</a></li>
    <li><a href='?category_id=4'>Menu's/Menus</a></li>
    <li><a href='?category_id=5'>Bijgerechten/Side Dishes</a></li>	
  </ul>
</div>
and I have the following queries on menu.php
Code:
<?php
  $i_page_id = 3;
  $qryContent = " SELECT title, content FROM content WHERE page_id = $i_page_id";	
					
  $category_id = filter_input(INPUT_GET, 'category_id', FILTER_SANITIZE_NUMBER_INT); 
  $qryMenu = " SELECT menu_item_id, menu_item, item_description FROM menu_items WHERE category_id = category_id";

  if ( ){
    while ($row = $result->fetch_assoc()) {
      echo "";
    }
  }
?>
But I have no idea how to echo this?

So to resume When landing on the page, by default the content from the query qryContent should be displayed. When one of the links is clicked the content from the query qryMenu should display.

Any help would be appreciated