ACP2E-900 Description tab content looks mess-up while page loading on PDP

Author: Chhandak.Barua

app/code/Magento/Catalog/view/frontend/templates/product/view/details.phtml

@@ -11,17 +11,17 @@
     <div class="product info detailed">
         <?php $layout = $block->getLayout(); ?>
         <div class="product data items" data-mage-init='{"tabs":{"openedState":"active"}}'>
-            <?php $counter=0; foreach ($detailedInfoGroup as $name):?>
+            <?php $hideTabContent = false; ?>
+            <?php foreach ($detailedInfoGroup as $name):?>
                 <?php
                 $html = $layout->renderElement($name);
                 if (!$html || !trim($html)) {
                     continue;
                 }
-                $counter ++;
                 $alias = $layout->getElementAlias($name);
                 $label = $block->getChildData($alias, 'title');
                 ?>
-                <div class="data item title"
+                <div class="data item title <?= !$hideTabContent ? 'active' : ''?>"
                      data-role="collapsible" id="tab-label-<?= $block->escapeHtmlAttr($alias) ?>">
                     <a class="data switch"
                        tabindex="-1"
@@ -36,17 +36,15 @@
                      id="<?= $block->escapeHtmlAttr($alias) ?>" data-role="content">
                     <?= /* @noEscape */ $html ?>
                 </div>
+                <?= $hideTabContent
+                    ? /* @noEscape */ $secureRenderer->renderStyleAsTag(
+                        'display: none;',
+                        '#' . $block->escapeHtmlAttr($alias)
+                    )
+                    : '' ?>
+                <?php $hideTabContent = true; ?>
             <?php endforeach;?>
         </div>
     </div>
-    <?php if ($counter > 1): ?>
-        <?php $scriptString = <<<script
- if ( document.getElementById("reviews") ) {
-            document.getElementById("reviews").style.display="none";
-        }
-script;
-        ?>
-        <?= /* @noEscape */ $secureRenderer->renderTag('script', [], $scriptString, false); ?>
-    <?php endif;
- endif; ?>
+    <?php endif; ?>