diff --git a/index.html b/index.html
index 49609ee..77dd6ff 100644
--- a/index.html
+++ b/index.html
@@ -159,24 +159,32 @@
 </blockquote>
 <button id="mybtn" style="display:block; width:100px; height:50px;" onClick="action();">Call me</button>
 <div id="myframe" style="display: none; position:relative;">
-<iframe id="callFrame" style="width:320px; height:480px;" allow="microphone; camera;" scrolling="no" frameborder="no"></iframe>
+    <iframe id="callFrame" style="width:320px; height:480px;" allow="microphone; camera;" scrolling="no" frameborder="no"></iframe>
 </div>
 <script>
 function action() {
-document.getElementById('mybtn').style.visibility = 'hidden';
-let myframe = document.getElementById('myframe');
-myframe.style.display="block";
-let callFrame = document.getElementById('callFrame');
-let url_string = "https://talk.konsthol.eu/"
-let user_string = url_string+"user/78577870064"
-callFrame.src=user_string;
+    let mybtn = document.getElementById('mybtn');
+    let myframe = document.getElementById('myframe');
+
+    if (myframe.style.display === "none" || myframe.style.display === "") {
+        myframe.style.display = "block";
+        mybtn.textContent = "Hide call";
+
+        let callFrame = document.getElementById('callFrame');
+        let url_string = "https://talk.konsthol.eu/";
+        let user_string = url_string + "user/78577870064";
+        callFrame.src = user_string;
+    } else {
+        myframe.style.display = "none";
+        mybtn.textContent = "Call me";
+    }
 }
 </script>
 <h2 id="donate">Donate 💸</h2>
 <p>I accept donations for any reason</p>
 <p><a href="donate.html">Donate</a><br /></p>
 <h2>Daily Unique Visitors</h2><p>
-Thursday 26/12/24 21:36:26
+Thursday 26/12/24 23:41:46
 3
 </p>
 <h2 id="also-on-the-web">Also on the web 🕸️</h2>