the slide animation of jquery doesn't work properly

Question

i would to slide a div from left to right side when clicked on a button. i use the following code:

<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>

but the transition doesn't occurs and the slide animation doesn't show. the "p1" div immediately shows after the button clicked. how can i solve this?

Answer 1

This effect doesn't come with the basic jquery Package. You have to enque the jQuery UI library also. jQuery UI

See this documentation for further slide effects Slide effect

the slide animation of jquery doesn't work properly

Question

1 answers

solution1
0 ACCPTED 2015-11-01 11:48:34

the slide animation of jquery doesn't work properly

Question

1 answers

solution1 0 ACCPTED 2015-11-01 11:48:34

solution1
0 ACCPTED 2015-11-01 11:48:34