html里面两个同级元素默认第二个元素不显示也不占据空间第一个元素点击的时候第二个元素占据空间并显示不使用display：none和visibility以及position还有opacity并且不使用宽高

可以使用transform属性来实现这个效果。具体做法是：

1. 给第二个元素设置transform: scale(0)来将其缩小至不可见。

2. 给第一个元素设置点击事件，当点击时将第二个元素的transform属性改为transform: scale(1)，即放大至可见。

这样做的好处是，不会影响元素原本的布局位置、大小和透明度等属性。同时，使用transform属性也能够实现平滑动画效果。