접었다 폈다 하는 제이쿼리
페이지 정보
작성자
오원장
쪽지보내기
메일보내기
자기소개
아이디로 검색
전체게시물
댓글 0건
조회 4,399회
작성일 12-04-19 10:53
본문
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
</head>
<body>
<button id="click_button">딸깍해 보세요</button>
<div style="width: 125px; background-color: rgb(90, 200, 220);" id="button_content">말아올리고 말아내리는 글상자</div>
<script type="text/javascript">
$('#click_button').click(function() {
$('#button_content').slideToggle('slow', function() {
// 객체가 다 펼치지거나 접히고 나면 여기에 든 내용이 실행된다.
});
});
</script>
</body>
</html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
</head>
<body>
<button id="click_button">딸깍해 보세요</button>
<div style="width: 125px; background-color: rgb(90, 200, 220);" id="button_content">말아올리고 말아내리는 글상자</div>
<script type="text/javascript">
$('#click_button').click(function() {
$('#button_content').slideToggle('slow', function() {
// 객체가 다 펼치지거나 접히고 나면 여기에 든 내용이 실행된다.
});
});
</script>
</body>
</html>
댓글목록
등록된 댓글이 없습니다.