두 div를 표시하고 숨기는 파들 사진

나는 하나를 보여주고 다른 하나를 계속 숨기고 싶은 두 개의 div가 있습니다. 내가 가지고있는 코드는 첫 번째 코드 인 Mass_alert만을 보여줍니다. 두 div를 모두 표시하고 숨기려면 무엇을 수정해야합니까?두 div를 표시하고 숨기는 파들 사진

여기에 HTML이 있습니다.

<div style="position: relative; top: 50px; width: 778px; margin: 0 auto;"> 
    <div id="alerts" style="float: right; width:200px; height: 25px; background: goldenrod; border-radius: 3px 3px 3px 3px; font: 11px Arial; color: #404040; overflow: hidden;"> 
     <div id="Mass_alert" class="alert" style="position: relative; top: 5px; margin: 0 auto; text-align: center; width:100%; height: 20px;"></div> 
     <div id="Devotion_alert" class="alert" style="position: relative; top: 5px; margin: 0 auto; text-align: center; width:100%; height: 20px; visibility: hidden;"></div> 
    </div> 
    </div>

페이드 토글을 수행하는 코드는이 코드입니다.

$(document).ready(function() { 
    show_next_Mass(channel_array_sort); 
    show_next_devotion(); 
    setInterval("show_alerts()",10000); 

    var continuous = function() { 
     $("#Mass_alert").fadeToggle(600); 
     $("#Devotion_alert").fadeToggle(600); 
    }; 

    setInterval(continuous,600); 
});

출처

2012-04-21 user823527

(또한 알렉산더는 그의 대답에 지적.)

그래서 나는 스타일 속성이 복사 한 두 번째 div. 그러나 그것은 효과가 없었습니다. 내 가정은 jQuery가 요소에 대해 수행 한 작업을 추적하지만 초기 CSS를 실제로 인식하지 못한다는 것입니다.

제 아이디어는 jQuery가 요소에 대해 수행 한 작업을 추적하지만 HTML이 이미 제공 한 스타일을 실제로 인식하지 못한다는 것입니다. 그래서 두 번째 div의 CSS를 숨기는 관련 속성에서 제거하고 .hide()을 "초기화 기능"에 넣습니다.

seems to work (@jsFiddle)

출처

2012-04-21 16:28:51 yoshi

작동하는 것 같습니다. 이 바이올린에는 내가 원하는 애니메이션이 있습니다. http://jsfiddle.net/GsamY/3/. – user823527

div에 fadeToggle 사이에 잠시 멈출 수있는 방법이 있습니까? – user823527

this API doc으로 판단, 당신은 숨겨진 요소 display: none; 대신 visibility: hidden;을 사용해야합니다. 당신이 .fadeToggle()하면 다음과 같은 속성

opacity: 0; 
display: none;

에 변화를 볼 무엇을보고

출처

2012-04-21 15:42:20

유용하지 않았습니다. 문제를 해결하지 못했습니다. – user823527

두 div를 표시하고 숨기는 파들 사진

답변

관련 문제