Currently working with the following:
let fadeOptions4 = {
“duration” : 1500 ,
};
export function IntEduBox_click ( event ) {
$w ( ‘#SectionOverviewService’ ). collapse ();
$w ( ‘#SectionOverviewService’ ). hide ( “fade” , fadeOptions4 );
$w ( ‘#InternationalEducationSection’ ). expand ();
$w ( ‘#InternationalEducationSection’ ). show ( “fade” , fadeOptions4 );
}
export function IntEduBox_mouseIn ( event ) {
$w ( ‘#InternationalEducation’ ). show ( “fade” , fadeOptions );
}
export function IntEduBox_mouseOut ( event ) {
$w ( ‘#InternationalEducation’ ). hide ( “fade” , fadeOptions );
}
export function InternationalEducationButtonCollapse_click ( event ) {
$w ( ‘#InternationalEducationSection’ ). collapse ();
$w ( ‘#InternationalEducationSection’ ). hide ( “fade” , fadeOptions4 );
$w ( ‘#SectionOverviewService’ ). expand ();
$w ( ‘#SectionOverviewService’ ). show ( “fade” , fadeOptions4 );
}
For some reason it works if I collapse/hide the section (last export function) but it doesn’t work for me in the first export function when clicking on the container. It doesn’t show the fade effect. Am I missing something?