显示/隐藏使用块/无

谁能告诉我怎么可以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

显示/隐藏使用块/无

回答

相关问题