Home > Blog > 자바스크립트

각카테고리별 기술문서를 올려놓았습니다.

자바스크립트

jQuery Slide Up/down 처리 (1)

페이지 정보

작성자 :문성혁 작성일 :15-03-09 11:17 조회 :2,246회

본문

참조 url : http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_slideup_slidedown

<!DOCTYPE html>
<html>
<head>
<script>
$(document).ready(function(){
  $(".btn1").click(function(){
    $("p").slideUp();
  });
  $(".btn2").click(function(){
    $("p").slideDown();
  });
});
</script>
</head>
<body>

<p>This is a paragraph.</p>
<button class="btn1">Slide up</button>
<button class="btn2">Slide down</button>

</body>

</html> 

추천 0 비추천 0

댓글목록

문성혁님의 댓글

문성혁 아이피 27.♡.242.72 작성일 :

jquery2.1 부터는
$(".btn1").click(function(){
    $("p").slideUp();
  });

$(".btn1").on("click",function(){
    $("p").slideUp();
  });
으로 사용됩니다. 동적으로 생성되는 live은 1.8부터 사라졌구요..
이젠 on으로 통합되었다고 합니다.

주소 : 서울시 서초구 서초동 사임당로8길 16 성재빌딩 2층, 담당자(이철원부장) : 010-4235-9876 , maverick@knowledgepoint.co.kr

사업자번호 : 120-87-90108, 전화번호 : 070-4325-4033, FAX : 02-6937-1035

Copyrights 2012(c). All rights reserverd knowledgepoint.co.LTD