Свернуть меню после выбора элемента

$("#nav_menu").slideUp(); 
$(".nav_bar").click(function() { 
  $("#nav_menu").slideToggle(500) 
}) 
 
$(".menu_button").click(function() { 
  $("span").text($(this).text()); 
  $("#nav_menu").slideToggle(); 
});

span { 
  color: red; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="nav_bar">Click me</div> 
<ul id="nav_menu"> 
  <li class="menu_button">111111</li> 
  <li class="menu_button">222222</li> 
  <li class="menu_button">333333</li> 
  <li class="menu_button">444444</li> 
</ul> 
 
<span></span>