的Javascript顯示/隱藏：如何設置爲顯示

我有以下代碼：的Javascript顯示/隱藏：如何設置爲顯示

<a class="button" href="javascript:ShowHide('elaborate_1')" style="font-size:24px; padding:0 10px; margin-left:10px;">COLLAPSE</a> 

     <div id="elaborate_1" class="expandable-box" style="display:none;"> 

       <div class="description"><?php //USE THIS CLASS 'description' ON A 'div' TAG FOR A GRAY BOX TO DISPLAY CONTENT ?> 
       <p class="nomargin nopadding">HELLO</p> 
       </div><!-- .descpription --> 

     </div>

該網頁目前隱藏此消息「你好」，直到我點擊「崩潰」但是我想要的內容，以顯示自動，直到我點擊「崩潰

我怎樣才能做到這一點

來源

2012-02-01 NeverPhased

你有沒有嘗試刪除風格=：從最初的標記「顯示無」？ – 2012-02-01 13:47:24

更改顯示：○無顯示：塊你elaborate_1 DIV

來源

2012-02-01 13:47:22

卸下顯示：從無包含元素：

<div id="elaborate_1" class="expandable-box">

如果您的ShowHide函數是正確的，它應該像這樣工作。如果不是，你應該從函數中發佈代碼。

來源

2012-02-01 13:48:19 Fosco

剛剛從你的HTML元素

刪除style="display:none;"和下面的代碼添加到您的js函數（僅供參考）

document.getElementById("elaborate_1").style.display = "block";

個人而言，我會建議考慮看看JQuery的。它可讓您利用控制各種效果的優勢，如顯示，隱藏，切換，淡入淡出和自定義動畫等。鏈接：http://api.jquery.com/category/effects/這可能對您有用。

小Jquery的示例代碼：

$('a.button').click(function(){ 
    $('#elaborate_1').toggle("slow"); 
});

來源

2012-02-01 13:59:03 woodykiddy

的Javascript顯示/隱藏：如何設置爲顯示

回答

相關問題