<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CS-M24+2023" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-M24+2023+type@vertical+block@6e10e5d0d6224c48a69df8fb53adc856" data-request-token="d8187f00a3d211ef97937694d1b4e069" data-graded="False" data-has-score="False"> <div class="vert-mod"> <div class="vert vert-0" data-id="block-v1:Profosvita+CS-M24+2023+type@html+block@53daa35663c84a35a57be862fbd4b4ab"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-M24+2023" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-M24+2023+type@html+block@53daa35663c84a35a57be862fbd4b4ab" data-request-token="d8187f00a3d211ef97937694d1b4e069" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <style><!-- .myCode .myaccordion, .myCode .myacc { background-color: #DFE6EA !important; color: #444; cursor: pointer; padding: 18px 28px 18px 18px; width: 100%; border: none !important; border-radius: 0px !important; text-align: left !important; outline: none !important; font-size: 15px !important; transition: 0.4s !important; margin-bottom: 1px; position: relative; } .myCode .active, .myCode .myaccordion:hover, .myCode .myaccordion:focus, .myCode .myacc:hover, .myCode .myacc:focus { background-color: white !important; border: 2px solid #DFE6EA !important; background-image: none !important; box-shadow: none !important; text-shadow: none !important; color: #444 !important; } .myCode .myaccordion span { margin-left: 5px; position: absolute; right: 18px; top: calc(50% - 10px); } .myCode .myaccordion span:after { content: '\002B'; color: #777 !important; font-weight: bold; } .myCode .active span:after { content: "\2212"; } .myCode .panel { padding: 0 18px !important; background-color: white !important; max-height: 0; overflow: hidden !important; transition: max-height 0.2s ease-out; } .myCode .panel p:first-child { margin-top: 1em !important; } --></style> <div class="myCode"> <h3 style="text-align: center;"><strong>Поміркуйте і запропонуйте вирішення проблемної ситуації</strong></h3> <p>1. Вироби з котлетної маси при смаженні розкришуються і їх неможливо перевернути.</p> <button class="myaccordion"><strong>Відповідь</strong><span></span></button> <div class="panel"> <p>Спершу їх треба обсмажити з одного боку, а потім охолодити до кімнатної температури, і згодом перевернути й обсмажити з іншого боку.</p> </div> <p></p> <p>2. Ви кухар 4 розряду в ресторані. Під час приготування страви із січеної маси риби із напівфабрикату витікає сік, вони стають сухими. Чим це зумовлено?</p> <button class="myaccordion"><strong>Відповідь</strong><span></span></button> <div class="panel"> <p>Якщо з виробів витікає сік і вони стають сухими, значить їх проколювали виделкою під час смаження. Це робити категорично не рекомендується.</p> </div> <p></p> <p>3. У виробах із січеної натуральної та котлетної маси при смаженні на поверхні утворилися тріщини.</p> <button class="myaccordion"><strong>Відповідь</strong><span></span></button> <div class="panel"> <p>При паніруванні виробів із січених мас необхідно слідкувати, щоб паніровка не потрапила всередину виробу.</p> </div> </div> <p></p> <p> <script>// <![CDATA[ var acc = document.getElementsByClassName("myaccordion"); var i; for (i = 0; i < acc.length; i++) { acc[i].addEventListener("click", function() { this.classList.toggle("active"); var panel = this.nextElementSibling; if (panel.style.maxHeight) { panel.style.maxHeight = null; } else { panel.style.maxHeight = panel.scrollHeight + "px"; } }); } // ]]></script> </p> <p></p> </div> </div> </div> <script type="text/javascript"> (function (require) { require(['/static/js/dateutil_factory.762fd6ff462b.js?raw'], function () { require(['js/dateutil_factory'], function (DateUtilFactory) { DateUtilFactory.transform('.localized-datetime'); }); }); }).call(this, require || RequireJS.require); </script> <script> function emit_event(message) { parent.postMessage(message, '*'); } </script> </div>