Help needed creating a custom Hamburger menu in header

I see 2 things.

1 (your point 5).

$('#toggle').toggle( // don't you need a click action here?

And i think you’re using toggle() the wrong way.

Example:

$( "#toggle" ).click(function() {
  $( "#toggle" ).toggle( "slow", function() { // The matched elements will be revealed or hidden
    // Animation complete.
  });
});

2.

<div id="toggle">
  <img src="https://wordpress.stackexchange.com/questions/305573/img_url" alt="Show" /></div>
  <div id="popout">
    <?php wpb_custom_new_menu( array( 'theme_location' => 'slide in menu', 'menu_class' => 'slide-in-menu-class' ) ); ?>
  </div> <!-- missing closing div -->
</div>

Greetz, Bjorn