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

jquery show slide
ESDictor picture ESDictor · Feb 11, 2013 · Viewed 33.2k times · Source

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.

Answer

Mahn picture Mahn · Feb 11, 2013

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.

Related questions

Hide/Show Column in an HTML Table

I have an HTML table with several columns and I need to implement a column chooser using jquery. When a user clicks on a checkbox I want to hide/show the corresponding column in the table. I would like to …

Read More
jQuery show for 5 seconds then hide

I'm using .show to display a hidden message after a successful form submit. How to display the message for 5 seconds then hide?

Read More
jQuery using append with effects

How can I use .append() with effects like show('slow') Having effects on append doesn't seem to work at all, and it give the same result as normal show(). No transitions, no animations. How can I append one div to …

Read More