[jQuery] 글자 폰트 사이즈 늘리고 줄이기, 숨기고 보이기 예제

먼저, 아래 링크를 클릭해서 이전 예제를 참조하세요.

2014/12/03 - [프로그래밍 언어/jQuery] - 글자 폰트 사이즈 늘리고 줄이기 예제

	.more {
		color: blue;
		font-size: 25px;
		font-weight: bold;
		text-decoration: underline;
	}

말줄임표(...)에 스타일시트에 more  클래스를 정의합니다.

	$("p:eq(1)").hide();    /* <p> 태그 중 첫번째 객체를 숨긴다. */
	$("span.more").click(function() {
		$("p:eq(1)").show('slow');
		$(this).hide('slow');
	});

show()는 객체를 보이게 하고, hide()는 숨기는 명령입니다. show('slow')는 객체를 천천히 보이게 하고, hide('slow')는 천천히 사라지게 합니다.

$("span.more").click(function() {...} ==> span 태그 중에 class="more"로 정의된 영역을 클릭하면 실행하는 명령들입니다.