SuperFish for Joomla - SlideUp Animation

[Chris-731]

Dear developers, dear community,

in order to complete my design, I'd like to kindly ask you if there's
a possibility to use JQuery's SlideUp animation within a horizontal
menu created by SuperFish.

I tried to modify the mod_superfishmenu.xml to be able to set
parameters within the "animation" - dropdown list, but i can't find
the type-definitions :(.

Is there a possibility to create a custom animation below in the
specific field?

Many thanks in advance and your great work,
Chris

[Charlie Tomlinson]

using the animation option you can get effects on the opening of sub menus

example:
jQuery('ul.sf-menu').superfish({animation:{height: "show"},speed : 1000});// produces 1 second slide down effect, use opacity for fades, margins for positions etc

to reverse for the slideUp there is no option in code for this as it is set to hide();

you can however go into superfish.js and modify the function    hideSuperfishUl()
if it's the hide() you want to work with I have  a modified script file that might help



example;
Chris wrote:

Dear developers, dear community,

in order to complete my design, I'd like to kindly ask you if there's
a possibility to use JQuery's SlideUp animation within a horizontal
menu created by SuperFish.

I tried to modify the mod_superfishmenu.xml to be able to set
parameters within the "animation" - dropdown list, but i can't find
the type-definitions :(.

Is there a possibility to create a custom animation below in the
specific field?

Many thanks in advance and your great work,
Chris

  

[Chris-731]

hi charlie,

first of all, many thanks for your reply on my questions.

i tried out several settings with the animation param, but didn't get
(as you said the is no option in-code) slideUp to work.

so, if i understood you correctly - there would be a modification of
hideSuperfishUI() necessary, to get the desired results?

thanks, chris

On 1 Jul., 15:02, Charlie <charlie...@...> wrote:
> using the animation option you can get effects on the opening of sub menus
> example:
> jQuery('ul.sf-menu').superfish({animation:{height: "show"},speed : 1000});// produces 1 second slide down effect, use opacity for fades, margins for positions etc
> to reverse for the slideUp there is no option in code for this as it is set to hide();
> you can however go into superfish.js and modify the function    hideSuperfishUl()
> if it's the hide() you want to work with I have  a modified script file that might help
> example;
> Chris wrote:Dear developers, dear community, in order to complete my design, I'd like to kindly ask you if there's a possibility to use JQuery's SlideUp animation within a horizontal menu created by SuperFish. I tried to modify the mod_superfishmenu.xml to be able to set parameters within the "animation" - dropdown list, but i can't find the type-definitions :(. Is there a possibility to create a custom animation below in the specific field? Many thanks in advance and your great work, Chris

[Charlie Tomlinson]

that's correct. The tricky part is that you are working in a Joomla module, and the parameters would not be displayed in module manager without modifying the admin portions of the extension as well
Chris wrote:

hi charlie,

first of all, many thanks for your reply on my questions.

i tried out several settings with the animation param, but didn't get
(as you said the is no option in-code) slideUp to work.

so, if i understood you correctly - there would be a modification of
hideSuperfishUI() necessary, to get the desired results?

thanks, chris

On 1 Jul., 15:02, Charlie charlie...@... wrote:
  

using the animation option you can get effects on the opening of sub menus
example:
jQuery('ul.sf-menu').superfish({animation:{height: "show"},speed : 1000});// produces 1 second slide down effect, use opacity for fades, margins for positions etc
to reverse for the slideUp there is no option in code for this as it is set to hide();
you can however go into superfish.js and modify the function    hideSuperfishUl()
if it's the hide() you want to work with I have  a modified script file that might help
example;
Chris wrote:Dear developers, dear community, in order to complete my design, I'd like to kindly ask you if there's a possibility to use JQuery's SlideUp animation within a horizontal menu created by SuperFish. I tried to modify the mod_superfishmenu.xml to be able to set parameters within the "animation" - dropdown list, but i can't find the type-definitions :(. Is there a possibility to create a custom animation below in the specific field? Many thanks in advance and your great work, Chris