jQuery UI Blind Effect not Working -


i have following code in trying apply blind effect paragraph, not happening: 

<html>    <head>       <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">       <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>       <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>       <script>          $('#but1').click(function(){             $('p').toggle('blind');          });       </script>     </head>    <body>       <button id="but1">click me!</button>        <p>this paragraph.</p>    </body> </html>

can point out doing wrong?

either use

$(document).ready(function() {     $('#but1').click(function() {         $('p').toggle('blind');     }); });

or put script @ end i.e. before 

<html>    <head>       <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">       <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>       <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>    </head>    <body>       <button id="but1">click me!</button>        <p>this paragraph.</p>       <script>          $('#but1').click(function(){              $('p').toggle('blind');           });       </script>     </body> </html>

Comments

Post a Comment