このdivを表示してそのdivを表示します

Question

こんにちは、次のjs関数を修正して1つのdivの内容を非表示にし、次のdivの内容を表示するfancyboxの次のdivを表示します。

<LI><A class="demo" id="example4" href="#demoView">Demo</A></LI> //linkfunctionality i want to show 
<a id="various2" href="#divVideo" class="fl ml20"><img src="images/sites/img2.png" alt="" class="fl mr10" /></a> //Link functionality i want to hidde 

<div style="display:none;"> 
    <div id="demoView"> 
     <div class="fl w900 pa20 bg2 tac"> 
      <h3 class="ff2 fwb fs30 mb10 cf3">Please contact us for a quick demo.</h3> 
      <h4 class="ff2 fwb fs26 mb40 cf3">Email: <span class="cf2 pr25"><a style="text-decoration:none; color:#2a98e2;" href="mailto:info@caremerge.com">info@caremerge.com</a></span> Call: <span class="cf2">(888) 996 6993</span></h4> 
      <img src="images/sites/demo1.png" alt="" class="dpib mb20"/> 
     </div> 
    </div> 
</div> 

以下の機能が正常にビデオを隠しているが、そのはそれに前述のdivを表示していない...

function onPause() { 

     froogaloop.addEvent('pause', function(data) { 
       //$('a[href="#various2"]').fadeOut(); 
       $('#divVideo').fadeOut(500); 
       // $('#various2').fadeOut(500); 
       //$(' #demoView').fadeIn(500); 
       $('#demoView').fadeIn(); 

       alert('ST-UCK'); 

     }); 
} 

MY CODE OF FANCY BOXのjQueryの一部

​​3210

Answer 1

。

したがって、#divVideoをfancyboxに開いたときに、そのコンテンツのみが実際にfancyboxの中に入っているので、これをフェードインできるのはこのためです。 fancyboxの中には存在しないので、#demoViewを消すことはできません。

はたぶん、あなたはただ単にすることがfancybox内部に第2のコンテンツ（#demoView）と電流（#divVideo）をもたらすでしょう...

function onPause() { 
     froogaloop.addEvent('pause', function(data) { 
       $('#example4').trigger("click"); //linkfunctionality you want to show 
     }); 
} 

のようなあなた（一時停止）イベントコールバックの内側に二fancyboxをトリガーする必要がありますフェードアウト。

Answer 2

demoViewため囲むdiv要素が隠されているので、それは今ですか？だから...

$("#demoview").parent().css({'display','inherit'}); 

5月が効くかもしれませんか？

Answer 3

なぜ親はそこにいますか？多分あなたはそれをやめて、あなたのdemoView divにスタイル属性を置くべきでしょう。コンテンツは文字通りfancyboxへHTML流れでその場所から移動され、一時divが代わりに残っているfancyboxで開いインラインコンテンツ（あなたの例のように#demoViewまたは#divVideoのいずれか）