Я нашел следующий код в нескольких местах для перемещения влево/вправо:
$('#hello').hide('slide', {direction: 'left'}, 1000);
Однако я не могу заставить его работать. Вот минималистский тест, который я пытаюсь:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us">
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function() {
$("#test").click(function() {
$('#hello').hide('slide', {direction: 'left'}, 1000);
});
});
</script>
</head>
<body>
<article >
<div id="hello">
Hello
</div>
<p><span id="test">Test</span>
</arcticle>
</body>
Я попробовал его в Chrome и Safari, и он не работает.
В чем проблема? Существуют ли другие методы работы для перемещения влево/вправо?