클래스가 "c01, c02, c03"인 Div가 있습니다. 줄 바꿈을 클릭하면 c01이 먼저 표시되고 c02가 다음으로 표시되고 c03이 마지막에 표시됩니다. 그러나 랩을 다시 클릭하면 먼저 c3을 숨기고 다음 c2를 숨기고 c1을 마지막으로 숨기고 싶습니다.
미리 감사드립니다.
var wrap = $('#wrap'),
c01 = $('#c01'),
c02 = $('#c02'),
c03 = $('#c03');
wrap.click(function () {
setTimeout(function () {
c01.toggleClass('c01');
}, 0);
setTimeout(function () {
c02.toggleClass('c02');
}, 200);
setTimeout(function () {
c03.toggleClass('c03');
}, 400);
});
http://jsfiddle.net/tZyMY/ 에서 볼 수 있습니다.
나는 이것이 당신의 요구 사항에 더 가깝다고 생각합니다.
var children = $('#wrap div'),
dir = -1,
idx = -1,
tid;
$('#wrap').click(function () {
tid && clearTimeout(tid);
dir = -dir;
idx += dir;
(function fn() {
children.eq(idx).toggle(dir > 0);
idx += dir;
if (idx > -1 && idx < children.length) {
tid = setTimeout(fn, 100);
}
})();
});
다시 말하지만, DIV를 얼마든지 추가 할 수 있습니다. 데모보기 : http://jsfiddle.net/wared/6AJzP/ .
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다