[w3.js] 하나의 버튼으로 Toggle show

 

 

하나의 버튼으로 나타나게 했다가 사라지게 했다가 하는 효과를 줄때, 스크립트 짜기가 귀찮을 때가 있다.

 

그럴때 굉장히 간단하게 할수있는 방법!

 

먼저 w3.js를 import 한 다음에,

 

<button onclick="w3.toggleShow('#London')">Toggle Hide/Show</button>

 

이렇게 onclick 속성 값으로

 

w3.toggleShow('컨트롤할 대상')

 

을 주면 바로 된다 ^______________^

 

출처 : https://www.w3schools.com/w3js/w3js_toggle_show.asp