Javascript 显示此div并隐藏该div

您好，我想知道如何修改我的following js函数来隐藏一个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>

我的代码的奇特盒子JQUERY的某些部分

jQuery(document).ready(function() {     

        $("a#example4").fancybox({
                'opacity'       : true,
                'overlayShow'   : false,
                'transitionIn'  : 'elastic',
                'transitionOut' : 'none'
            });

        $("#various2").fancybox({
            'opacity'       : true,
                'overlayShow'   : false,
                'transitionIn'  : 'elastic',
                'transitionOut' : 'none',
                'onClosed'  :   function() {
                            document.getElementById('iframe-video');

                },
                'onStart'       :   function() {
                            //alert("hi");
                            //$('#banner-rotator').royalSlider({slideshowEnabled:false,slideshowDelay:20000 });
                }
        });

---

现在是不是因为demoView的封闭div被隐藏了？所以有点像

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

---

可能有用吗？

为什么父母会在那里？也许您应该去掉它，并将style属性放在您的demoView div上。

当您在fancybox中打开内联内容时（无论是

#demoView

还是

#divVideo

，如您的示例所示），内容都会从html流中的位置移动到fancybox中，并留下一个临时的

div

因此，当您在fancybox中打开

#divVideo

时，实际上只有该内容在fancybox中，因此您可以将其淡出。您不能淡入，因为它不存在于fancybox中

也许您只需要在（暂停）事件回调中触发第二个fancybox，如

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

---

。。。这将在fancybox中引入第二个内容（

#demoView

），当前的（

#divVideo

）将淡出。

是否可以通过类似$（'#divAB7'）的javascript来点击div函数。单击；//要完成以下功能，请执行相同的操作：看起来您的

li

标记具有非

li

同级元素。如果是，这将是无效的HTML；

li

是

ul

或

ol

的唯一有效子元素，除非它们包装在

li

中，否则无法显示其他标记。是否有任何方法可以通过类似$（'#divAB7'）的javascript来单击div函数。单击；//要完成以下功能，请单击“阅读更多”时执行相同操作：问题已解决。。。。。当我检查在线服务器上的文件时，您提出的解决方案非常感谢！！！！！！！最后一个问题是如何在触发此事件之前进行计时器检查---$（“#示例4”）。触发器（“单击”）；--计时器检查，比如10秒后……您可以使用javascript

setTimeout

；类似于：

setTimeout（function（）{$（“#example4”）.trigger（“click”）}，10000）其中1000=1秒
function onPause() {
       froogaloop.addEvent('pause', function(data) {
                $('#example4').trigger("click"); //linkfunctionality you want to show
       });
 }