자바스크립트

박스 보였다 사라졌다 하기 toggle

유호야 2021. 2. 2. 12:09
반응형

누르면 댓글창이 뜨고

다시 누르면 댓글창이 닫히게 하고 싶었는데

해당 코드를 이용하면 된다.

function showcomments() {
		var commentsbox = document.getElementById("commentsbox");
		if (commentsbox.style.display === "none") {
			commentsbox.style.display = "block";
		} else {
			commentsbox.style.display = "none";
		 }
}

아주 간단하다!

물론 출처는 W3SCHOOLS

역시 교과서~ 

 

How To Toggle Between Hiding And Showing an Element

How TO - Toggle Hide and Show Toggle between hiding and showing an element with JavaScript. Toggle Hide and Show Click the button! Toggle (Hide/Show) an Element Step 1) Add HTML: Example

 

 

www.w3schools.com

 

반응형