jquery - bounce effect not working -
i want make list items bounce on hover, can't seem figure out why it's not working. link coding on jsfiddle: http://jsfiddle.net/wrdweaver6/amhjk/
here code using in html head:
<head>      <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>       <script type="text/javascript">        $(document).ready(function(){            $('#nav > li').hover(function() {               $(this).effect('bounce',{times: 2},'slow');            });        });      </script>    </head>   here body:
 <body>    <div id="nav">      <ul>         <li>word lists</li>         <li>games</li>         <li>stories</li>         <li>parents</li>         <li>email</li>     </ul>    </div> </body>      
try following js fiddle
http://jsfiddle.net/arunberti/dy6h7/
$(document).ready(function(){   $('li a').hover(function() {       $(this).parent().effect("bounce", { times:3 }, 'normal');    }, function () {      $(this).parent().effect("bounce", { times:3 }, 'normal');    }); });   also check following image didint add jquery ui

Comments
Post a Comment