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

您只需在overflow:hidden上设置#logo即可。请参阅this。