animation

animation - Specifies an object which contains the animation options.
Its properties are:

  • enabled - specifies if animation is enabled.
  • openDelay - specifies the delay opening a contextmenu item. Its default value is 100ms.
  • closeDelay - specifies the delay closing a contextmenu item. Its default value is 50ms.

<ul id="contextmenu1">
    <li>Cut</li>
	<li>Copy</li>
	<li>Paste</li>
</ul>

<div id="contexttarget" style="margin-left:40px; width:400px; height:300px; display:inline-block; background-color: #e3e3e3;">
    <ul style="margin-top:100px; margin-left:100px;">
        <li>Row One</li>
        <li>Row Two</li>
    </ul>
</div>

<script type="text/javascript">

    $(function () {
        $("#contextmenu1").shieldContextMenu({
            target: "#contexttarget",
            filter: "li",
            animation: {
               enabled: true,
               openDelay: 200,
               closeDelay: 100
            }
        });
     });

</script>