[JQuery] 누르면 보이고 사라지고

1번째방법

<script type="text/javascript">
/* 1번째방법  */
$("p.flip").click(function(event){
	console.log($("#panel").css("display"));
	if($("#panel").css("display")=="none"){
		$("#panel").css("display","block");
	}else{
/* 		$("#panel").css("display","none"); */
		$("#panel").hide();
	}
});

2번째방법

$("p.flip").click(function(event){
$("#panel").toggle();
});

Click to show panel

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi ipsam necessitatibus dignissimos culpa quibusdam placeat quas officiis aspernatur dolore laudantium aperiam doloremque magni. Eaque beatae vero fugit? Architecto in ea.

Amet et omnis iste nulla beatae possimus voluptate facilis ipsum sint ducimus eius ad harum eaque neque deleniti quasi tempora voluptas eum accusantium suscipit in laborum ullam inventore! Iusto ipsum!

Nihil totam temporibus architecto mollitia earum maiores reiciendis quaerat quis sequi laudantium fugit ducimus quod soluta quo cum suscipit inventore incidunt quasi quia ab. Iure esse eveniet saepe perspiciatis error.

 

슬라이드되는 기능 

$("p.flip").click(function(event){
	$("#panel").slideToggle();

});

Click to show panel

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi ipsam necessitatibus dignissimos culpa quibusdam placeat quas officiis aspernatur dolore laudantium aperiam doloremque magni. Eaque beatae vero fugit? Architecto in ea.

Amet et omnis iste nulla beatae possimus voluptate facilis ipsum sint ducimus eius ad harum eaque neque deleniti quasi tempora voluptas eum accusantium suscipit in laborum ullam inventore! Iusto ipsum!

Nihil totam temporibus architecto mollitia earum maiores reiciendis quaerat quis sequi laudantium fugit ducimus quod soluta quo cum suscipit inventore incidunt quasi quia ab. Iure esse eveniet saepe perspiciatis error.