테스트 사이트 - 개발 중인 베타 버전입니다

자바스크립트 display:none,block질문 채택완료

psj9716 8년 전 조회 3,396
   밑에 카드 슬라이드 애니메이션이있는데요
누르면 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개

채택된 답변
+20 포인트
8년 전

$(".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)

    }); 

});

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

잉끼s
8년 전

$(".card").hide().eq(e).show(); 


이렇게 이용해보세요..

.card 는 모두 숨기고 e번째 오브젝트만 보이게 해라.

이런 구문입니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

p
psj9716
8년 전
어디부분에 넣으면 되나요??
http://jisu.webnain.com/naver/naver.html
잘안먹는거같아용
잉까
8년 전
$('.stack') 이랑 $('.spread') 이 어떤 오브젝트인지 알수 없어서
제공해주신 정보만으로는 답변 드리기 힘듭니다.

위의 함수들이 어떤 역활을 하는지 습득하신 뒤 작성하신 코드에 맞게끔 수정하셔서 이용하세요.
p
psj9716
8년 전
card부분을 처음에 display:none시켜놓고 버튼눌러야 block되는 스크립트는 안될까요??
말씀대로 해버리면 나오는 효과랑 들어가는효과가 사라져가지고요.. 효과를살리고싶습니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인