자바스크립트 display:none,block질문
본문
밑에 카드 슬라이드 애니메이션이있는데요
누르면 display:block되고
접혀지면 버튼빼고 전부 display:none시키고싶습니다.
스크립으를 어떻게 써야하나요??
<script>
$('.stack').click(function() {
$(".card").each(function(e) {
setTimeout(function() {
$(".card").eq(e).attr("class", "card");
}, e * 150)
});
});
$('.spread').click(function() {
$(".card").each(function(e) {
setTimeout(function() {
$(".card").eq(e).attr("class", "card ani" + e);
}, e * 150)
});
});
</script>
답변 2
$(".card").hide();
$('.stack').click(function() {
$(".card").each(function(e) {
setTimeout(function() {
$(".card").eq(e).attr("class", "card");
setTimeout(function() { $(".card").eq(e).hide() }, 1000)
}, e * 150)
})
});
$('.spread').click(function() {
$(".card").show();
$(".card").each(function(e) {
setTimeout(function() {
$(".card").eq(e).attr("class", "card ani" + e);
}, e * 150)
});
});
$(".card").hide().eq(e).show();
이렇게 이용해보세요..
.card 는 모두 숨기고 e번째 오브젝트만 보이게 해라.
이런 구문입니다.
답변을 작성하시기 전에 로그인 해주세요.