hp3

src/App/HP.css

@@ -23,4 +23,12 @@
     padding: 30px 20px;
     border-radius: 20px;
     margin-left: 60px;
+  }
+
+  .act-version, .reflect-version, .engage-version /*, .anticipate-version */{
+    display: none !important;
+  }
+
+  #g744{
+    display: block !important;
   }
\ No newline at end of file

src/contents/Human Practices/HP svgs/hp4.tsx

+/* <a onClick={openElement({elementToOpen: "under-responsibility", classToHide: "understandingtab"})}> */
 
 const HP4 = () => (
   <svg

src/contents/Human Practices/IHP.tsx

@@ -55,7 +55,7 @@ export function HPIntegrated(){
                 </div>  
             </div>
             <div className="col framecycletab" id="mendelow" style={{display: "none"}}>
-                <HP3new/>
+                
             </div>
             <div className="col framecycletab" id="swot" style={{display: "none"}}>
 
@@ -99,7 +99,9 @@ export function HPIntegrated(){
             <div className="col framecycletab" id="thirdparty" style={{display: "none"}}>
                 none
             </div>
-            <div className="col framecycletab" id="feedcycle" style={{display: "none"}}><HP4/>  </div>
+            <div className="col framecycletab" id="feedcycle" style={{display: "none"}}>
+                <HP3new/>
+            </div>
             <div className="col framecycletab" id="refcycle" style={{display: "none"}}>refcycle </div>
             </Subesction>
             <Subesction title="Timeline" id="Integrated Human Practices2">

src/utils/openClass.ts

+export function openClasses({className, classtoHide}:{className: string, classtoHide: string}){
+    const showElementsByClass = (_event: React.MouseEvent<HTMLElement, MouseEvent>) => {
+        // Alle Elemente mit der angegebenen Klasse auswählen
+        const elements = document.getElementsByClassName(className);
+        const hide = document.getElementsByClassName(classtoHide);
+        for (let i = 0; i < hide.length; i++) {
+            hide[i].setAttribute('style', 'display: none;');
+        }
+        // Jedes Element durchgehen und den Display-Stil auf 'block' setzen
+        for (let i = 0; i < elements.length; i++) {
+            (elements[i] as HTMLElement).style.setProperty('display', 'block', 'important');  
+        }
+    
+    };
+    return showElementsByClass; 
+}