2017-03-31 70 views
0

所以我有一个<div>,当你点击它变得更宽,直到你再次点击它并缩小。我也有内部的图像,当点击将填补新的空间,我的问题是我希望所有,但第一个隐藏,直到它变宽。javascript点击更改子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'; 
}; 
+0

你需要使用纯JavaScript还是你可以使用JQuery? – Nazkter

+0

以及我还是新来的JavaScript,我有一个Java的理解,所以它不完全jiberish对我 –

+1

你的意思是这样的? https://jsfiddle.net/4ayy4amk/1/ – DaniP

回答

-1

你只需要设置overflow:hidden#logo。见this

+0

为正确答案的投票权。方式去堆栈溢出。 –