id 설정 된 post-box에 대하여 show / hide 입력하여 표시/숨김 기능 적용하기
console 창에서는 아래와 같이 확인할 수 있다.
만약 jQuery로 적용하려는 경우에는 button을 1개 생성하고 <scrip>t function 기능을 넣어줘야 한다.
<script>
function show(){
$('#post-box').hide()
// show()라는 onclick button을 body에 생성해 놓고 숨김을 원하는 id를 $('#____') 입력해준다.
}
</script>
</head>
<body>
<a onclick="show()" id="btn-posting-box1" class="btn btn-primary btn-lg" href="#" role="button">포스팅박스 열기</a>
포스팅 박스 열기 click 버튼 누르기 전 하단 부 아티클 url 박스 확인됨
클릭 후에는 아래와 같이 사라진 것을 볼 수 있다.
'Coding' 카테고리의 다른 글
| [jQuery] 입력된 값, 글자 바꾸기 (0) | 2021.09.05 |
|---|---|
| [jQuery] css 값 확인, 변경하기 (0) | 2021.09.05 |
| [jQuery] input 값 변경 (feat. console) (0) | 2021.09.05 |
| [JAVA SCRIPT] 미세먼지 값 분류하기 (feat. console, for ) (0) | 2021.09.05 |
| [JAVA SCRIPT] FOR, LENGTH (0) | 2021.09.04 |
