토글 버튼 방법좀...
본문
<html lang="en">
<head>
<meta charset="utf-8">
<title>toggle demo</title>
<style>
p {
background: #dad;
font-weight: bold;
font-size: 16px;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<button>Toggle 'em</button>
<p>Hiya</p>
<p>Such interesting text, eh?</p>
<script>
$( "button" ).click(function() {
$( "p" ).toggle( "slow" );
});
</script>
</body>
</html>
어느 사이트에서 얻었는데 사용법도 간단해서 프로필 숨기려고 적용했더니
기본 펼침 모드더라구요...클릭해야지 그제서야 숨겨지고 전 이걸 반대로
기본 닫힌 상태에서 클릭하면 보여지게 하고싶은데 어떻해 변경을해야할까요?
얼마전 여기 질답게시판에서 본 답변에 http://api.jquery.com/toggle/ 링크 클릭해서보니깐
위소스가 있더라구요...그래서 적용한거였는데..
답변 1
토글의 기본개념은 display 의 변동입니다. none 이냐 block 이냐의 차이죠.
none 에서 나올때는 block으로 block에서 none 으로....
가리고자 하시는 것을 none 으로 해두시면 처음에 가려지고 클릭하면 보여질겁니다.