Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
Tags
- poi 대용량
- MSsql
- 전자서명기능구현
- jxls 엑셀
- swift 계산기
- monitorjbl 엑셀
- xcode12.5.1
- poi monitorjbl
- ios app 개발
- mysql
- js달력
- xssreader
- Xcode
- Oracle
- 대용량엑셀업로드
- xcode swift memo
- PostgreSQL
- jxls
- outofmemoryerror 방지
- 달력기능개발
- Swift
- spring annotation
- xssfworkbook
- xlsx-streamer
- 전자서명개발
- monitorjbl
- fullcalendar js
- js 전자서명
- swift 메모장 만들기
- opcpackage
Archives
- Today
- Total
web developer👩🏻💻
[jQuery] 펼치기 접기 본문
728x90
html
<span id="sp_on"><a href="javascript:void(0);">펼치기</a></span>
<span id="sp_off"><a href="javascript:void(0);">접기</a></span>
javascript
$(document).ready(function() {
// div hide
$("#div아이디").hide();
// 접기 버튼 hide
$("span[id=sp_off]").hide();
//펼치기 span 클릭 시
$("span[id=sp_on]").click(function() {
var idx = $("span[id=sp_on]").index(this);
$(this).hide();
$("span[id=sp_off]:eq("+idx+")").show();
$("#div아이디").show();
});
//접기 span 클릭 시
$("span[id=sp_off]").click(function() {
var idx = $("span[id=sp_off]").index(this);
$("span[id=sp_on]:eq("+idx+")").show();
$("#div아이디").hide();
$("span[id=sp_off]:eq("+idx+")").hide();
});
});
'js' 카테고리의 다른 글
[javaScript] <script> defer ? (0) | 2021.03.22 |
---|---|
[javaScript] input 값 숫자가 아닐경우 지우기 (0) | 2021.03.22 |
[jQuery] 동적으로 자식창에서 부모창으로 tr td 추가/ 삭제 (0) | 2021.03.11 |
[javaScript] this 인자 전달 onclick vs href (0) | 2021.02.21 |
[AJAX] arrayList null check (0) | 2021.02.21 |