javascript点击更改子div元素

Question

所以我有一个 <div>当您单击它时，它会变宽，直到您再次单击它并缩小。我里面还有图片，点击后会填充新空间，我的问题是我希望除了第一个以外的所有图片都被隐藏，直到它变宽。

https://jsfiddle.net/4ayy4amk/

document.getElementById("logo").onclick = function () {
    ( this.style.width == '45px' || this.style.width == '' ) 
    ? this.style.width = '241px' 
    : this.style.width = '45px';
};

Answer 1

您只需要在#logo 上设置overflow:hidden。参见 this .