toggle클래쓰 만들때 - div태그만 되고 p태그는 안되네요

toggle클래쓰 만들때 - div태그만 되고 p태그는 안되네요

 

■새로운발견■ .

div태그이면 하위 자식 태그요소까지 모두 숨김 처리되고

p태그는 그게 안되네요~!

 

첨에 p태그로 감싸주었는데 토글함수 실행이 안되어서

div로 바꿔주니까 잘되네요

아~~ 그렇군요!

감사합니다^^

<style type="text/css">
.add-css{display:none; }
.h1 {color:#F784AC;}
.h2 {color:#7CC930;}
</style>

<script>
function is_show(){
  $('.detail').toggleClass('add-css');  
}
</script>

<button onclick='is_show()'> click!! </button><br><br>

<div class='detail'> <h1 class='h1' >감사합니다 1 ☜ div로 감쌈 </h1> </div>
<p class='detail'>   <h1 class='h2' >감사합니다 2 ☜ p태그로 감쌈 </h1> </p>