// Create a single MutationObserver instance to handle TOC toggle without timeouts const tocObserver = new MutationObserver(function(mutations) { if ($(".toc-toggle-icon").length > 0) { $(".toc-toggle-icon").trigger("click"); // Disconnect once we've successfully toggled tocObserver.disconnect(); } }); // Configuration for the observer const observerConfig = { childList: true, subtree: true }; // For window load event - no timeout $(window).on("load", function() { // Try to toggle immediately if ($(".toc-toggle-icon").length > 0) { $(".toc-toggle-icon").trigger("click"); } else { // If element doesn't exist yet, start observing for changes tocObserver.observe(document.body, observerConfig); } }); // For custom articleload event - no timeout window.addEventListener('articleload', function() { // Try to toggle immediately if ($(".toc-toggle-icon").length > 0) { $(".toc-toggle-icon").trigger("click"); } else { // If element doesn't exist yet, start observing for changes tocObserver.observe(document.body, observerConfig); } }); $(document).ready(function() { setTimeout(function() { heroContent(); }, 500); }); window.onpopstate = (event) => { setTimeout(function() { heroContent(); }, 500); }; function heroContent(){ $('.hero-section').append("

"); $('.video-search').prepend("

Traceable AI continuously secures your APIs by bringing you deep visibility, real-time protection, and threat analytics. Traceable AI combines distributed tracing and advanced context-based behavioral analytics to deliver modern API security to your cloud-native and API-based applications.

"); } function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click(); // function openCity1(evt, cityName1) { var i, tabcontent1, tablinks1; tabcontent1 = document.getElementsByClassName("tabcontent1"); for (i = 0; i < tabcontent1.length; i++) { tabcontent1[i].style.display = "none"; } tablinks1 = document.getElementsByClassName("tablinks1"); for (i = 0; i < tablinks1.length; i++) { tablinks1[i].className = tablinks1[i].className.replace(" active", ""); } document.getElementById(cityName1).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen1").click();