JQuery слайды плагинов

Question

есть несколько вопросов, как это, но ни один из ответов не работал для меня.

Это происходит и на моем сайте, когда я устанавливаю направление влево/вправо/независимо от того, что он показывает только в левом углу, независимо от того, что я делаю.

Я думаю, что проблема связана с jquery ui ... я загрузил его, я связал его, все еще не работая. может быть, это порядок включения?

Может кто-нибудь сказать мне минимум jquery ui, который мне нужен для таких функций? (и как получить эту работу).

Большое спасибо

fiddle<-- here's the JSfiddle

Answer 1

Я сделал отрезала для вас ниже.
То, что я сделал, соответствовало jsfiddle, которое я представил в комментариях.
Делая все друг от друга и включайте необходимые библиотеки.
Я не точно знаю, что пошло не так с вашим кодом, но я надеюсь, что это поможет вам дальше.

$(document).ready(function() { 
 

 
    var menu = $('#menu'); 
 
    var nav = $('#nav'); 
 

 
    menu.click(function() { 
 
    var effect = 'slide'; 
 
    var options = { 
 
     direction: 'right' 
 
    }; 
 
    var duration = 300; 
 
    $('#nav').toggle(effect, options, duration); 
 
    }); 
 

 
});

#menu { 
 
    width: 40px; 
 
    height: 40px; 
 
    background-color: red; 
 
    position: fixed; 
 
    right: 0; 
 
    z-index: 999; 
 
} 
 
#nav { 
 
    width: 100vw; 
 
    height: 100vh; 
 
    background-color: yellow; 
 
    position: absolute; 
 
    display: none; 
 
}

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> 
 
<div id='menu'></div> 
 
<div id='nav'></div>