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>
728x90
'소프트웨어 > Spring, JSP, html, CSS' 카테고리의 다른 글
| 4. html 색상 표 (0) | 2022.04.12 |
|---|---|
| 3. html 폰트 크기 조정 (0) | 2022.04.12 |
| 클릭시 텍스트 바꾸기 (0) | 2022.03.31 |
| 버튼을 클릭하면 TEXTAREA의 내용이 모두 선택되는 자바스크립트 소스입니다. (0) | 2022.03.31 |
| 제이쿼리로 이미지 변경 (0) | 2022.03.31 |