끄적끄적 스토리

[JQuery]제이쿼리로 글자를 사라졌다 나타났다 하게 해보자 (펼침,접음) 기능 본문

웹

[JQuery]제이쿼리로 글자를 사라졌다 나타났다 하게 해보자 (펼침,접음) 기능

2019_02_13 2020. 9. 21. 18:55
728x90

글자가 사라졌다 나타났다 하는 기능이다.

현재 글자가 안보인다면 보이게 하고 보인다면 안보이게 하는 기능이다.

해당 코드 css 만 변경해도 그럴듯한 댓글 펼침 접힘이 된다.

<style>
	.hide{
		display:none;
	}
</style>

<html>
  <div>
      <p>제목입니다.</p>
      <p class="content hide">내용입니다.</p>
      <input type="button" value="클릭" onclick="change()" />
  </div>
</html>

<script>
	function change(){
    	//만약 content 클래스가 hide 라는 클래스명을 가지고 있으면 해당 클래스를 없애주고
        //반대라면 추가해준다.
    	if($(".content").hassClass("hide")){
    		$(".content").removeClass("hide");
    	} else {
        	$(".content).addClass("hide");
        }
    	
    }

</script>
저작자표시 비영리 변경금지

'웹' 카테고리의 다른 글

[JQuery] 제이쿼리로 해당 위치로 이동시키기  (0) 2020.09.21
[JQuery] 제이쿼리로 이미지를 변경해보자!  (0) 2020.09.21
[PHP] 문자열 안에서 원하는 단어를 찾아보자!  (0) 2020.06.03
자바스크립트 셀렉트 박스를 다양하게 제어해보자!  (0) 2020.05.08
[JavaScript] Date to timestamp 타임스탬프 값으로 변환하기  (0) 2020.03.12
'웹' Related Articles more