效果:点击图片会展开,同时其他展开的图片会同时收回去;
代码有三个:HTML文件,CSS文件和JS文件
最重要的实现在于js:
1.获取到这些图片对象:document.querySelectorAll('.panel')
2.获取到之后进行点击事件的监控:
3.同时将其他图片收起:
其他就是样式上的细节~
比如一个transition;
总体收获:
效果:点击图片会展开,同时其他展开的图片会同时收回去;
代码有三个:HTML文件,CSS文件和JS文件
最重要的实现在于js:
1.获取到这些图片对象:document.querySelectorAll('.panel')
2.获取到之后进行点击事件的监控:
3.同时将其他图片收起:
其他就是样式上的细节~
比如一个transition;