JQuery show function does not work [duplicate]

Here is a sample code (piece) on php:

foreach ($categories as $value) { echo "<div class=\"dish_category\">$value</div>"; while ($row = mysql_fetch_array($result, MYSQL_ASSOC)) { if ($row['category'] == $value) { echo "<div class=\"dish\">"; echo "<p class=\"dish_name\">".$row['name_of_dish']."</p>"; echo "<p>".$row['discription']."</p>"; echo "<p>".$row['weight']." г"."</p>"; echo "<p>".$row['price']." гр"."</p>"; echo "</div>"; } } mysql_data_seek($result, 0); } 

But jQuery:

 $(document).ready(function() { $(".dish").hide(); }); $(".dish_category").click(function () { $(".dish").show(); }); 

I would like the contents of the dish_category block to be initially hidden, and when I clicked on the same block, it would be shown. It hides normally, but it does not open on click. Tell me, please, what is the error.

Here is the text generated by php:

  <div class="dish_category">Блюда на компанию</div> <div class="dish"><p class="dish_name">Три товарища</p><p>Люля кебаб из баранины, свиная шея, куриное филе, картофель по-деревенски</p><p>1000 г</p><p>400 гр</p></div><div class="dish_category">Блюда от шефа</div> <div class="dish"><p class="dish_name">Овощи в устричном соусе</p><p>Брокколи, цветная капуста, морковь, перец болгарский, рис, устричный соус </p><p>300 г</p><p>69 гр</p></div> <div class="dish"><p class="dish_name">Тёплый салат с телятиной</p><p>Тёплый салат с телятиной, баклажанами, черри и кунжутом под оригинальным соусом</p><p>300 г</p><p>85 гр</p></div> <div class="dish"><p class="dish_name">Салат "Шафран"</p><p>Куриная печень, цуккини, грибы, помидор, огурец, микс салата с оригинальным соусом </p><p>250 г</p><p>75 гр</p></div> <div class="dish"><p class="dish_name">Ночная охота</p><p>Свинина с луком, болгарским перцем, рисом и с соусом от Шефа </p><p>300 г</p><p>125 гр</p></div> <div class="dish"><p class="dish_name">Курица по-Азиатски</p><p>Куриное бедро с рисом, морковью, пекинской капустой и куриным яйцом с азиатским соусом </p><p>300 г</p><p>105 гр</p></div> <div class="dish_category">Основные блюда</div><div class="dish"><p class="dish_name">Телятина с фрикасе из шампиньонов</p><p>Телятина на картофельной подушке с грибным соусом </p><p>200 г</p><p>138 гр</p></div> <div class="dish"><p class="dish_name">Куриные рулетики с сыром в сливочном соусе</p><p></p><p>200 г</p><p>80 гр</p></div> <div class="dish"><p class="dish_name">Утиная грудка в клюквенном соусе</p><p></p><p>170 г</p><p>128 гр</p></div><div class="dish"><p class="dish_name">Мясо по-французски</p><p></p><p>200 г</p><p>90 гр</p></div> <div class="dish"><p class="dish_name">Чёрная курица</p><p>Нежное сочетание граната с восточными пряностями </p><p>170 г</p><p>79 гр</p></div><div class="dish_category">Салаты</div> <div class="dish"><p class="dish_name">Греческий</p><p></p><p>280 г</p><p>65 гр</p></div><div class="dish"><p class="dish_name">Салат из свежих овощей</p><p></p><p>240 г</p><p>59 гр</p></div> <div class="dish"><p class="dish_name">Тёплый салат в азиатском стиле</p><p>Необычное сочетание свиной вырезки и куриного филе под овощным миксом </p><p>280 г</p><p>79 гр</p></div> <div class="dish"><p class="dish_name">Оливье с телятиной</p><p></p><p>300 г</p><p>74 гр</p></div><div class="dish"><p class="dish_name">Фреш салат с лососем, мидиями и с сыром фета</p><p></p><p>250 г</p><p>135 гр</p></div> <div class="dish"><p class="dish_name">Тёплый салат с морепродуктами</p><p></p><p>250 г</p><p>125 гр</p></div> <form action="new_dish.php" method="post" class="new_dish"> 

I connect this php code via include to the main php file and in the same place I connect js files. I want to note that the .dish blocks are hidden normally, so in theory, it’s not the way to deal.