Good morning folks!

Currently I'm having a delay during initialization when I try to toggle one button to another. I'd like some help with that.

This is my code:

<a onclick="hidePlusIconBtn" data-toggle="collapse" href="#collapseSidebar"  aria- 
  expanded="false" aria-controls="collapseSidebar" style="position: relative; right: 
  1585px; top:80px; font-size: 50px;">
  <i id="plus_icon" onclick="hide_and_show()" class="mdi mdi-plus-circle"></i>
</a>
<a onclick="hidePlusIconBtn" data-toggle="collapse" href="#collapseSidebar"  aria- 
  expanded="false" aria-controls="collapseSidebar" style="position: relative; right: 
  1585px; top:80px; font-size: 50px;"><i id="close_icon" onclick="hide_and_show()" 
  class="mdi mdi-close-circle" style="display: none"></i>
</a>


<script>
    
        function hide_and_show() {

            if (plus_icon.style.display == "block") {
                document.getElementById("plus_icon").style.display="none"
                document.getElementById("close_icon").style.display="block"
            } else {
                document.getElementById("close_icon").style.display="none"
                document.getElementById("plus_icon").style.display="block"
            }
            
        }
         
    </script>