본문 바로가기

IT/JQUERY

jquery로 div 접었다 폈다 기능 초간단 팁도 아닙니다. ^^

$(document).ready(function(){

$("#sibling_cont").css("display","none");

$("#sibling_cont").hide();

$("#sibiling_div").click(function(){

$("#sibling_cont").toggle();

});

});


그냥 toggle로 접었다 폈다 함 ^^


$("#sibling_cont").hide();

$("#sibiling_div").click(function(){

$("#sibling_cont").slideToggle(


   function () {

     if($("#sibiling_div").text()=="펴기"){

$("#sibiling_div").text("접기");

}else{

$("#sibiling_div").text("펴기");

}

   }

);

//$("#sibling_cont").text("접기");

});

'IT > JQUERY' 카테고리의 다른 글

Jquery API 효과 정리  (0) 2015.06.24
체크박스 사용시에 많이 쓰이는 소스정리  (0) 2015.04.14
select box사용시 까먹는 소스  (0) 2015.04.14
jquery swipe 예제  (0) 2014.12.20
jquery hover 사용법  (0) 2014.10.20