Remembering Active Tabs in Elementor Nested Tabs using Local Storage and jQuery

elementor-nested-tab-remember-index.html

<script>
    jQuery(document).ready(function () {

        localStorage.removeItem('data-tab-index"')
        jQuery(".child-tab .e-n-tab-title").click(function () {
            localStorage.setItem("data-tab-index", jQuery(this).attr("data-tab"))

        })

        jQuery(".parent-tab  .e-n-tab-title").click(function () {
            window.setTimeout(function () {
                console.log(localStorage.getItem("data-tab-index"))
                if (localStorage.getItem("data-tab-index")) {
                    jQuery(".child-tab .e-n-tab-title").removeClass("e-active")
                    // console.log(jQuery(".child-tab .e-n-tab-title[data-tab='" + localStorage.getItem("data-tab-index") + "']"))
                    jQuery(".child-tab .e-n-tab-title[data-tab='" + localStorage.getItem("data-tab-index") + "']").addClass("e-active")
                }
            }, 10)
        })
    })
</script>