jQuery .show('slide', { direction: 'right' }) doesn't work, but .show('slide') does

Question

I'm inserting a menu choice at the beginning of a top menu (ListItems) and using

$('#newMenuItem').show('slide');

successfully. However, I didn't like the way it slid in from the upper-left, so I changed it to

$('#newMenuItem').show('slide', { direction: 'right' });

Unfortunately, once I changed it I no longer get the new item at all. In fact, no code lower than the above line is getting executed anymore.

Is there an obvious reason why this wouldn't work? I'm using jquery-1.7.1 shipped with Visual Studio 2012.

Are you including jQuery UI in your project? the effect you are trying to use is part of jQuery UI and doesn't come bundled with vanilla jQuery. — Mahn, Feb 11 '13 at 16:43
Not jQuery UI, only jQuery. Is that the problem? (trying it now) — ESDictor, Feb 11 '13 at 16:45
It does work now, but I can't mark this answered because it's a comment. Thanks @Mahn! — ESDictor, Feb 11 '13 at 16:51

score 15 · Accepted Answer · answered Feb 11 '13 at 16:55

15

The effect of sliding in a specific direction doesn't come bundled with vanilla jQuery, but it's instead part of jQuery UI; including jQuery UI (in addition to jQuery) in your project should make it available. See also the documentation for the effect here.

answered Feb 11 '13 at 16:55

Mahn

16,261
16
62
78

4

And if we want only to have this effect, is there a minimal plugin that does this? – Olivier Pons Apr 24 '16 at 11:06
@OlivierPons You can always build your own customized JQuery-UI with JQuery-UI builder, and it is officially available, try here [https://jqueryui.com/download/] and select the animations, effects or whatever you need and download. – Majid Ali Khan Feb 04 '20 at 11:27

Nicolai Robles · Answer 2 · 2018-03-05T21:49:56.320

2

You can try $('#newMenuItem').slideDown();

edited Mar 05 '18 at 21:49

answered Jan 11 '16 at 02:36

Nicolai Robles

107
5

jQuery .show('slide', { direction: 'right' }) doesn't work, but .show('slide') does

2 Answers2

Linked