Estou estudando jQuery e estou usando o slideToggle
e como a documentação diz, ele deve deslizar para sua posição oposta atual.
Não entendi muito bem isso mas ele só desliza para baixo.
$(document).ready(function(){
$('li')
.hide();
});
$('#btn-menu').click(function(){
$('li')
.toggle()
.slideToggle();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="btn-menu">MENU</button>
<ul id="menu">
<li>Menu1</li>
<li>Menu2</li>
<li>Menu3</li>
<li>Menu4</li>
</ul>
toggle()
antes, faça apenas$('li').slideToggle();