<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").toggle();
});
});
</script>
</head>
<body>
<button>Toggle between hiding and showing the paragraphs</button>
<p>This is a paragraph with little content.</p>
<p>This is another small paragraph.</p>
</body>
</html>
'jscript' 카테고리의 다른 글
| 속성, 내용, 스타일, 데이터 조회 및 변경 (0) | 2018.02.08 |
|---|---|
| If This is Clicked Show This Else Hide This (0) | 2018.02.01 |
| [jQuery] 검색된 요소 크기 구하기. [ .width(), .height(), .outerWidth(), .outerHeight() ] (0) | 2018.01.29 |
| 제이쿼리로 css값 변경하기 (0) | 2018.01.29 |
| jquery 닫기/열기 구현 (0) | 2018.01.29 |