mouseout dalay 500 ms

In template manager you enter Coffeine template settings and there you have bunch os settings one is template style. If custom then you control it using option for animation selection. here is save button you need to slick.


If your predefined style is 1 , you could change :

$menuAnimationEffect = "slideDown('slow')";

to fro example:

$menuAnimationEffect = "slideDown(100)";

with will mean animation will be slide down with duration of 100ms

Thank you.

I have done as you have said, but not with the result, it should bring.

I don't know iff any of the styles is in use, because when I change to these styles, the layout looks different.
I have changed all 5 styles to
$menuAnimationEffect = "slideDown(500)"
I have also saved Template settings where the option "custom" is in use.

But the menu is still collapsing imediately after leaving the mouse from it.

It seams that another code must be changed or added,
or if no of the styles is in use within another data.
Hopefully you find out and can tell me.

By the way: It takes minutes till the template settings are ready for changing or saving after opening it. Although when I press save, it takes many seconds till it is doing this. I don't know why.

Ok then flies styles/styleX.php are not of interest.

here :

you can just add your animation like this:

then save go to template options and select option you added and save.

But "slide down" is not the right option, as you have written before.
It must be something like a delay after leaving the mouse from menu.

Maybe we are not talking about the same thing.
Because the slide down is okay.
But the menu is collapsing imediately after the mouse leaves the menu.

I mean, the sub-menu should remain open for about 500 ms antil it is closing after the mouse has left the menu.

Try this, open index.php of template, find this:

change it to:

<!-- top menu -->
<script type="text/javascript">
function mainmenu(){
jQuery(" #nav ul ").css({display: "none"}); // Opera Fix
jQuery(" #nav li ").hover(function(){
jQuery(this).find('ul:first').css({visibility: "visible",display: "none"}).<?php echo $menuAnimationEffect; ?>;
},function(){jQuery(this).find('ul:first').fadeOut(500,function(){ jQuery(this).css({visibility: "hidden"}); }) });}
jQuery(document).ready(function(){ mainmenu();});
</script>

Unfortunately this was the wrong code, because the menu (submenu) was closing after 500 ms, although the mouse was still over the menu button.
This makes no sense, because the visitor can not navigate.

Du you not know the correct code?
The open submenu shout have a dalay of 500 ms before it is closing iff the mouse leaves the menu button.

I hope, you can send me the correct solution.

Only this will show to all the other, that you know what you are doing and they can have trust in your work, in your templates.
Today a really good template have to have this featcher.