Section to expand rolling

[user643]

EDIT: I just realized that it is not the complete solution yet. There is a curtain effect, but the bar #section2 is not moving dynamical. I am trying further.

Thanks to your question I have learnt something new. It seems possible. I use Wix Editor.
Assuming you have set up the accordion effect (container expands on mouse click). Add another container (box2 in example) into the expanding container. Then hide box2 and add the following code to the click event:

let effectOptions = {
‘duration’: 1000,
‘delay’: 0,
‘direction’: ‘top’
}
$item(“#box2”).show(‘roll’, effectOptions);

Resources (only for the curtain effect, not the expand section part):

Adding Custom Interactivity with Events

(HIDE,SHOW) is not responding with effectoption

let flipOptions = { “duration”: 350, “delay”: 0, “direction”: “left” } $w(“#line7”).hide(“flip”, flipOptions) let slideOptions = { “duration”: 350, “delay”: 0, “direction”: “top” } $w(“#box2”).hide(“slide”, slideOptions) } export function box2_mouseIn(event, $w) { let slideOptions = { “duration”: 350, “delay”: 0, “direction”: “top” } $w(“#box2”).show(“slide”, slideOptions) $w(“#line7”).show() } export function box2_mouseOut(event, $w) { let slideOpt…