From 95a4ece2626946b2b5a6872dc3509c6a8575c5ff Mon Sep 17 00:00:00 2001
From: romsharon98 <rom.sharon98@gmail.com>
Date: Fri, 2 Aug 2024 12:48:31 +0300
Subject: [PATCH] collapse docs when click and folded

---
 airflow/www/templates/appbuilder/dag_docs.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/airflow/www/templates/appbuilder/dag_docs.html b/airflow/www/templates/appbuilder/dag_docs.html
index f64340f2a38f7..23fc6852ce685 100644
--- a/airflow/www/templates/appbuilder/dag_docs.html
+++ b/airflow/www/templates/appbuilder/dag_docs.html
@@ -23,14 +23,14 @@
       <div class="panel panel-primary">
         <div class="panel-heading" role="tab" id="headingOne">
           <h4 class="panel-title">
-            <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne"{% if folded %}  class="accordion-togglecollapsed{% endif %}">
+            <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne"{% if folded %}  class="accordion-togglecollapsed"{% endif %}>
               {% if folded %}<span class="material-icons" aria-hidden="true">info_outline</span>{% endif %}
               DAG Docs
               {% if folded %}<span class="material-icons pull-right toggle-direction" aria-hidden="true">expand_less</span>{% endif %}
             </a>
           </h4>
         </div>
-        <div id="collapseOne" class="panel-collapse{% if folded %} collapse{% endif %}" role="tabpanel" aria-labelledby="headingOne">
+        <div id="collapseOne" class="panel-collapse{% if folded %} collapse{% else %} in{% endif %}" role="tabpanel" aria-labelledby="headingOne">
           <div class="panel-body">
             {{ doc_md }}
           </div>