소프트웨어 (과거)/Spring, JSP, html, CSS
제이쿼리로 글자 사라지게 하기
dgmayor
2022. 3. 31. 10:41
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