Uncaught TypeError: не определено не функция переключения функции

Question

Когда я попытался использовать JQuery с функцией переключения Я получаю эту ошибку

Uncaught TypeError: undefined is not a function

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

$(function() { 
    $("#slideMenuHeader").click(function() { 
     //$("#cbp-spmenu-s1").slideToggle("slow"); 
     var anim = "slide"; 
     var duration = 500; 
     var options = { direction: 'left' }; 
     $("#cbp-spmenu-s1").toggle(anim, options, duration); 
    }); 
}); 

Если я использую переключатель без параметров объекта и продолжительности, он работает нормально. Но я хочу, чтобы слева направо переключался. Почему я получаю эту ошибку?

Я использую JQuery 1.10.2

Answer 1

Чтобы использовать все анимации вам нужно будет включить jQuery UI с effects

Если вы не хотите использовать JQuery UI вы можете использовать ниже код для простого toggle

$("#cbp-spmenu-s1").toggle(200); //use anim, options, duration to pass arguments 

Answer 2

Попробуйте следующее: 1> Вам также нужно будет указать jQuery UI.

Example

$(".myButton").click(function() { 

    // Set the effect type 
    var effect = 'slide'; 

    // Set the options for the effect type chosen 
    var options = { direction: $('.mySelect').val() }; 

    // Set the duration (default: 400 milliseconds) 
    var duration = 500; 

    $('#myDiv').toggle(effect, options, duration); 
}); 

2> Вы можете сделать это wihtout jQuery UI, а также:

Рабочий пример JSFIDDLE

Answer 3

Если посмотреть на the jquery docs, переключение() занимает до трех необязательных аргументов в следующих форматах:

.toggle([duration ] [, complete ]) 
.toggle(options) 
.toggle(duration [, easing ] [, complete ]) 

В коде, вы передаете три аргумента, так JQuery думает, что вы передаете длительность, функцию смягчения и обратный вызов срабатывают по завершению.

Но вы передаете объект опций, а не функцию ослабления. Вот почему я предполагаю, что это ошибка. Что вам нужно сделать, так это использовать второй формат и передать один объект объектов со свойствами для продолжительности и направления.