隱藏頁面上的div，但div在隱藏之前顯示

Question

如何在頁面加載時不顯示<div>？該div被設置爲隱藏在JS中，並隱藏了<div>隱藏，但在<div>之後已經顯示在頁面上一秒鐘。

我在我的網站上使用這個彈出窗口。 http://mootools.net/forge/p/popupwindow

這裏是我的代碼： -

<script type="text/javascript"> 
    App = {}; 
    window.addEvent('domready', function() { 
     App.popUp1 = new PopUpWindow('', { contentDiv: 'trailerquestion', width: 559 }); 
       App.popUp2 = new PopUpWindow('', { contentDiv: 'popup-redflag', width: 559 }); 

    }); 

</script> 
<?php 
function JSLink($text, $onclick) { 
    return "<a href=\"JavaScript:void(0);\" onclick=\"$onclick\">$text</a>"; 
} 
$asklink=JSLink('<div class="buttonNew greenB bigrounded trailer-button-question"><span>Ask me a question</span></div>', 'App.popUp1.open(); App.popUp1.positionTo(this, 1180, 100);'); 

?> 

<?php 
           echo $asklink; 
          ?> 
          <div id="trailerquestion"> 
           <?php  
            $this->load->view('popup/popupaskmequestion',$results); 
           ?> 
          </div> 

Answer 1

設置div的顯示器沒有使用CSS，JavaScript不。當你想要顯示時，用Javascript改變顯示屬性。

Answer 2

設置與CSS e.g <div id="trailerquestion" style="display:none">

您可能需要設置，當你顯示對話框中，它再次顯示，如果你的對話框庫沒有做到這一點你要隱藏的元素。

Answer 3

如果你想在div只是被隱藏，但會佔用它需要的空間，使用 - 如果你想div來不佔用任何空間都與被隱藏，使用

<div id="trailerquestion" style="visibility:hidden"> 

-

<div id="trailerquestion" style="display:none">