<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CS-M28+2023" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-M28+2023+type@vertical+block@937946ee849d441696486edce94573cb" data-request-token="35d9558cbfa911ef9ef456704075bec5" data-graded="False" data-has-score="False"> <div class="vert-mod"> <div class="vert vert-0" data-id="block-v1:Profosvita+CS-M28+2023+type@html+block@862b40c0a28b4c038be84f2c687e16d9"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-M28+2023" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-M28+2023+type@html+block@862b40c0a28b4c038be84f2c687e16d9" data-request-token="35d9558cbfa911ef9ef456704075bec5" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <p style="text-align: center;"><strong>Питання для самоперевірки</strong></p> <p style="text-align: justify;">1. Назвіть, на які види діляться отвори.</p> <div class="myCode"><button class="myaccordion"><strong>Відповідь</strong><span></span></button> <div class="panel"> <p style="text-align: justify;">Наскрізні, глухі, складної форми, з уступами, великого діаметра.</p> </div> <p></p> <p style="text-align: justify;">2. Які види браку виникають при обробці отворів?</p> <button class="myaccordion"><strong>Відповідь</strong><span></span></button> <div class="panel"> <p style="text-align: justify;">Циліндричні, конічні, гладкі, ступінчасті, фасонні, із різзю, з канавками, глибокі.</p> </div> <p></p> <p style="text-align: justify;">3. Для чого використовують отвори?</p> <button class="myaccordion"><strong>Відповідь</strong><span></span></button> <div class="panel"> <p style="text-align: justify;">Для з'єднання деталей у вузли, встановлення кріпильних елементів (болтів, гвинтів, штифтів, шпильок, шайб) та ін.</p> </div> </div> <p></p> <p style="text-align: justify;"></p> <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> <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> </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>