How to stop blinking menu items when clicking menu icons for responsive web design?

How to stop blinking menu items when clicking menu icons for responsive web design?

Here is the code i tried,

                        JS:
                        

                        $('#menuIcons').click(function(e)
                        {
      $( "#headerListIcons").slideToggle() ;
      e.preventDefault();
});
      $(document).on('click',function(e)
                        {
               if(e.target.id != 'menuIcons')
                              {
          $( "#headerListIcons" ).hide();
               }
       });

HTML: 
<ul id="menulist"> </ul> <div id="menuIcons">&#9776;</div> <div id="headerListIcons"> </div>


CSS:

#headerListIcons
{
position: fixed; 
right: 0px; 
top: 50px;;
height : auto; 
width: auto ; 
z-index: 99999; 
list-style:none;
background-color: #FFF; 
margin: 0px;
}