Front-Html/Jquery

hide show

seongsland 2014. 2. 21. 15:51
css display를 쓰지않고 hide(), show()를 쓰면..
show()를 할때 hide()하기 전의 상태로 돌아가기때문에 더 안전하다.
보이는것도 block이 있고 inline등이 있는데..
고민하지 말고 show() hide()를 쓰면된다.
괄호안에 slow fast등의 문자열을 넣어주면 에니매이션 효과도 줄수 있다

// css display 변경
$("#id").css("display", "none");
$("#id").css("display", "block");
$("#id").css("display", "inline");

// jquery 함수 호출
$("#id").show();
$("#id").hide();

// jquery 애니메이션 효과
$("#id").show("fast");
$("#id").show("slow");