Problem with slide()

Problem with slide()

Hello. I have weird problem and i have followed many tutorials and got slide() to work, my side menu is fading out and doing up and left sliding effect. The problem is that i only want it to slide left. When i add direction like so: .hide( 'slide', {direction:'right'). script stops working, nothing happens but style gets attribute overflow:hidden.

When the script works, it does display:hidden and some numbers quickly run by, viewed in firefox inspect element tool.

So, slide works but not with any other options in it.

here's my header:

<script type="text/javascript" src=" http://<?php echo $_SERVER['SERVER_NAME']; ?>/public/js/jquery-3.1.0.min.js"></script>

<script type="text/javascript" src=" http://<?php echo $_SERVER['SERVER_NAME']; ?>/public/js/jquery-ui-1.12.0/jquery-ui.min.js"></script>

Everything should be loaded and ok.
Thanks in advance.