слайд-анимация jquery не работает должным образом

Я бы сместил div слева направо, когда нажал на кнопку. Я использую следующий код:слайд-анимация jquery не работает должным образом

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> 
<body> 
    <button type="button" onClick="f1()">click</button> 
    <div id="p1" style="display:none"> 
     content 
    </div> 
</body> 
<script type="text/javascript"> 
    function f1(){ 
     $('#p1').show("slide", { direction: "left" }, 5000); 
    } 
</script>

но переход не происходит, и анимация слайдов не отображается. «p1» div сразу же появляется после нажатия кнопки. как я могу это решить?

источник

2015-11-01 Sirwan Rauofi