jquery accordion animate no method

Question

I have have the following code,

$("#nav").accordion({
                event: "mouseover",
                autoHeight: false,
                collapsible: false,
                animate: 'bounceslide',
                <?php
                //  Checks for active page and opens the related tab
                    $uri = $_SERVER['REQUEST_URI'];
                    switch($uri):
                        case '/anti-social-behavior-logging':
                            echo('active: 0,'); break;
                        case '/telehealth-services':
                            echo('active: 1,'); break;
                        case '/telecare-services':
                            echo('active: 2,'); break;
                        case '/lone-worker-safety-services':
                            echo('active: 3,'); break;
                        case '/repairs-reporting-services':
                            echo('active: 4,'); break;
                        default:
                            echo('active: 5,');
                    endswitch;
                ?>              
            });

However I get the following error,

Uncaught TypeError: Object # has no method 'bounceslide'

Why is this? You can see the problem at http://www.astraline.co.uk - As far as I am aware I have all the libraries I need for this to work.

jQuery UI does not support a `bounceslide` easing function out of the box. Is that a custom easing function? — Frédéric Hamidi, Jan 29 '13 at 15:59

score 0 · Answer 1 · edited Jan 29 '13 at 18:02

0

Looks like you need to put animated instead of animate.

See: http://docs.jquery.com/UI/Accordion/accordion#option-animated

edited Jan 29 '13 at 18:02

Rob Cooper

28,567
26
103
142

answered Jan 29 '13 at 17:58

Plynx

11,341
3
32
33

The animated option was changed to animate in v1.9: http://jqueryui.com/upgrade-guide/1.9/#rewrote-all-easing-equations-to-only-rely-on-state – Brandon Feb 26 '13 at 06:42

jquery accordion animate no method

1 Answers1