숨기기 보이기, 질문입니다 ㅠ
조회수 757회
<title>보이기 및 숨기기</title>
<style type="text/css">
#my .hover
{
cursor:pointer;
background-color:Yellow;
}
</style>
<script src="../jQuery/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
//[1] 기본값 설정
$(".region").show(); //region 영역 보이기
$("#moreRegion").hide(); //more...숨기기
//[2] more...클릭시 보이기 및 숨기기
$("span.more").click(function() {
//3000 : 3초, 'slow', 'normal', 'fast'
$("#moreRegion").show('3000'); //천천히 보이기
$(this).hide('fast');//more버튼 숨기기
});
});
</script>
<div class="region" style="display:none;">
<span class="more">more...</span>
</div>
이런소스인데, 저위에 스크립트를 제가 만질줄 몰라서요 ㅠㅠ
모어를 누르면 모어가 사라지면서 내용물은 뜨는데, 제가 원하는건 다시 모어를 누르면
안에 내용이 다시 사라지게 만들고 싶은데 ㅠㅠ 여기서 어떻게 해야 될까요
도와주세요~~!!
-
(•́ ✖ •̀)
알 수 없는 사용자
1 답변
-
원하시는 것은
slideToggle()
일 거에요. 공식문서$("span.more").click(function() { // slideToggle()은 해당 객체가 보여지고 있을 땐 슬라이딩으로 숨기고 숨겨져 있을 땐 슬라이딩으로 보여줍니다. $("#moreRegion").slideToggle(3000); });
댓글 입력