Divi proper collapsable menu items

<style>
/*Proper Collapsable Mobile Menu*/
#mobile_menu li.menu-item-has-children .mobile-toggle,
#mobile_menu li.page_item_has_children .mobile-toggle {
    width: 44px;
    height: 100%;
    padding: 0px !important;
    max-height: 44px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 999;
    background-color: transparent;
}
#mobile_menu > li.menu-item-has-children,
#mobile_menu > li.page_item_has_children,
#mobile_menu > li.menu-item-has-children .sub-menu li.menu-item-has-children {
    position: relative;
}


#mobile_menu .menu-item-has-children .sub-menu {
    display: none!important;
    visibility: hidden!important;
}
#mobile_menu .menu-item-has-children .sub-menu.visible {
    display: block!important;
    visibility: visible!important;
}
#mobile_menu li.menu-item-has-children .mobile-toggle {
   text-align: center;
}
#mobile_menu li.menu-item-has-children .mobile-toggle::after {
   top: 10px;
   position: relative;
   font-family: "ETModules";
}
#mobile_menu li.menu-item-has-children .mobile-toggle::after {
   content: "\4c";
}

#mobile_menu li.menu-item-has-children.dt-open .mobile-toggle::after {
   content: '\4d';
}
</style>
<script type="text/javascript">
    jQuery(function ($) {
        $(document).ready(function () {
            $("body #main-header  #mobile_menu li.menu-item-has-children, body #main-header  #mobile_menu  li.page_item_has_children").append('<a href="#" class="mobile-toggle"></a>');
            $('#mobile_menu li.menu-item-has-children .mobile-toggle, #mobile_menu li.page_item_has_children .mobile-toggle').click(function (event) {
                event.preventDefault();
                $(this).parent('li').toggleClass('dt-open');
                $(this).parent('li').find('ul.children').first().toggleClass('visible');
                $(this).parent('li').find('ul.sub-menu').first().toggleClass('visible');

            });
            iconFINAL = 'P';
            $('body #main-header  #mobile_menu li.menu-item-has-children, body #main-header  #mobile_menu li.page_item_has_children').attr('data-icon', iconFINAL);

            $('.mobile-toggle').on('mouseover', function () {
                $(this).parent().addClass('is-hover');
            }).on('mouseout', function () {
                $(this).parent().removeClass('is-hover');
            })
        });
    });
</script>