User Story

As an application developer, I want to keep the animation effect without its side-effect caused by wrapping DOM elements.

Acceptance Criteria

Details

ZKCK-76 is caused by zjq.slideDown() and zjq.slideUp()

slide east causes iframe reloading

    <borderlayout >
        <center>
            center
        </center>
        <east collapsible="true" title="iframe" >
            <iframe src="http://localhost:8080/zk9support"/>
        </east>
    </borderlayout>

1. click the angle to close the east
2. click the title to expand the east

Current result

iframe reloads itself

Expected result

iframe doesn't reload

Root cause

Caused by slideDown()

 zk(this.$n('real')).slideUp(...);

If we can replace the animation effect by CSS, that can avoid those problems and potential future problems for DOM manipulation.