국산곰탱이

1
2
3
4
5
6
7
8

<div>
	<div class="text1">안녕하세요!(text1)</div>
	<div id ="text2">안녕하세요!(text2)</div>
	<div><input type="button" id="show_btn" value="show"></div>
	<div><input type="button" id="hide_btn" value="hide"></div>
	<div><input type="button" id="toggle_btn1" value="toggle"></div>
	<div><input type="button" id="toggle_btn2" value="toggle2"></div>  	
</div>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18

$(document).ready(function(e) {
	$('#show_btn').click(function(){	//1번
		$('.text1').show();		
	})
	$('#hide_btn').click(function(){	//2번
		$('.text1').hide();		
	})
	$('#toggle_btn1').click(function(){     //3번
		if($('#text2').is(':visible'))
			$('#text2').hide();
		else
			$('#text2').show();	
	})	
	$('#toggle_btn2').click(function(){      //4번
		$('#text2').toggle('slow');
	})
	
});