[Javascript, jQuery] 기본 toggle 형식

chaewon·2022년 2월 7일
0

javascript

목록 보기
2/8

HTML

<div class="box1">
  <p class="title">내용보기</p>
  <div class="txt" style="display:none">
    more...
  </div>
</div>

CSS

.box1{}
.title{display:inline-block; cursor:pointer;}

Javascript

$('.title').click(function(){
  $(this).toggleClass('active');
  $('.txt').toggle();   
  return false;
});

기본적인 형식의 toggle 방식

https://codepen.io/leechaewon/pen/MWObxMq

2022.07.04 ( toggle 추가)

profile
의문은 '삶의 수준'을 결정하고, 질문은 '삶 자체'를 바꾼다.

0개의 댓글