Home/ Questions/Q 7623747
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-31T04:46:54+00:00

I am using a page on which there are menus. when you select menu(mouse

  • 0

I am using a page on which there are menus. when you select menu(mouse hover or mouse move) a drop down ul appears. Here is the code

<head>  
    <script type="text/javascript" src="js/jquery-1.7.1.js"></script>
    <script type="text/javascript" src="js/jquery-ui-1.8.17.custom.min.js"></script>  
    <script type="text/javascript" language="javascript" src="js/jquery.dropdown.js"></script>   
    <script type="text/javascript" src="js/myBounce.js"></script>
    <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script> 
</head>

<body>

    <div id="page-wrap">
        <div id="menubg">      
            <ul class="dropdown">   
                <li><a href="#">Really Tall Menu</a>
                    <ul>
                        <li><a href="#">Basit</a></li>
                        <li><a href="#">Masood</a></li>
                         ...                     
                   </ul>
                </li>
                <li><a href="#">Kinda Tall Menu</a>
                    <ul id="test">
                        <li><a href="#">Artificial Turf</a></li>
                        <li><a href="#">Benches &amp; Bleachers</a></li>
                        <li><a href="#">Communication Devices</a></li>
                        ..
                    </ul>
                </li>
            </ul>       
    </div>
</body>

js/jquery-ui-1.8.17.custom.min.js contains the bounce effect. I want that when my ul appears , it appears with bounce effect. I have many ul on my page. In myBounce.js i used the following code, but it is not working

$(document).ready(function(){
    $("ul").effect("bounce");
});

How can i create bounce effect on ul?

Thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You should use the advanced jQuery ui show method to add the effectwhen you show your ul

    $( "#id_of_your_ul" ).show( 'bounce');
    • 0