顯示/隱藏使用塊/無

誰能告訴我怎麼可以DIV`s（不隱藏和顯示 - 我想其他方式）之間使用此代碼顯示和隱藏數據jQuery的？顯示/隱藏使用塊/無

我真的使用.js文件：

function toggle(sDivId) { 
       var oDiv = document.getElementById(sDivId); 
       oDiv.style.display = (oDiv.style.display == "none") ? "block" : "none"; 
}

而在PHP文件：

<div onclick="toggle('divContent1')" style="cursor: pointer;">Hide and show</div> 
    <div id="divContent1"> 
    text here 
    </div> 
</div>

該代碼工作得很好，但是當頁面加載我希望有文字已經隱藏（當我點擊「隱藏和顯示」文本後）。

謝謝！

來源

2013-09-21 Paul

這不是jQuery的，你可以只隱藏元素與CSS或致電頁面加載功能 –

$('#clickMe').click(function(){ 
$('#divContent1').toggle();

}）;

Fiddle Demo

來源

2013-09-21 18:06:46

謝謝。有效！ :) – Paul

嘿謝謝你的接受 –

您可以使用您的代碼，但只需在css中添加display:none;即可。或在style="display:none;"

<div onclick="toggle('divContent1')" style="cursor: pointer;">Hide and show</div> 
    <div id="divContent1" style="display:none;"> 
    text here 
    </div> 
</div>

的jQuery裏面的PHP也有一個toogle()功能可以使用。

demo

來源

2013-09-21 18:01:28 user2802611

謝謝。有效！ :) – Paul

可以使用toggle（）函數來show之間交替地切換（）和hide（）。否則，請直接使用show（）和hide（）函數。

來源

2013-09-21 18:03:36 halkujabra

我可能誤解了你的問題，但如果你想隱藏在頁面加載文本你不能僅僅拘泥於顯示：無標籤，如下所示：

<div id="divContent1" style="display: none"> 
text here 
</div>

來源

2013-09-21 18:04:25 Crwydryn

謝謝。有效！ :) – Paul

致電身體

<body onload="toggle('divContent1')">

來源

2013-09-21 18:07:43

你不使用jQuery提供的代碼的onload事件的功能toggle('divContent1')。如果你想用jQuery來做這件事，你可以改變一些東西。

function toggle(sDivId) { 
    $("#"+sDivId).toggle(); 
}

和你的php塊你想添加顯示：無;最初隱藏內心的div

<div onclick="toggle('divContent1')" style="cursor: pointer;">Hide and show</div> 
    <div id="divContent1" style='display:none'> 
    text here 
    </div> 
</div>

來源

2013-09-21 18:08:25 scotty

使用此代碼：

function load(){ 
    document.getElementByID('divContent1').style.display = 'none'; 
}

，並在你的HTML

<body onLoad = "load()">

來源

2013-09-21 18:09:41 Jinandra

顯示/隱藏使用塊/無

回答

相關問題