Php 使用jscript显示/隐藏div

我环顾了整个网站，找不到我想要的答案。也许我的知识对这方面来说太少了，但我正在努力学习更多

事情是这样的，我的网站上有几部电影，在我的数据库中搜索后，我只返回用户的基本数据，这些电影对应于搜索参数，其余的数据我想放在一个div中，可以选择显示和隐藏相同的div

这就是我到目前为止所做的：

<script type='text/javascript'>
function showDiv() {
   document.getElementById('hiddenDiv').style.display = "block";
}
</script>

<div id="hiddenDiv"  style="display:none;" class="answer_list" > WELCOME</div>
<input type="button" name="answer" value="Show Div" onclick="showDiv()" />

函数showDiv（）{
document.getElementById（'hiddenDiv'）.style.display=“block”；
document.getElementById（'showDivButton'）.style.display=“无”；
}
函数hideDiv（）{
document.getElementById（'hiddenDiv'）.style.display=“无”；
document.getElementById（'showDivButton'）.style.display=“block”；
}
欢迎

或者使用一个框架，比如Dojo（或者甚至jQuery，如果绝对没有帮助的话）

函数showDiv（）{
document.getElementById（'hiddenDiv'）.style.display=“block”；
document.getElementById（'showDivButton'）.style.display=“无”；
}
函数hideDiv（）{
document.getElementById（'hiddenDiv'）.style.display=“无”；
document.getElementById（'showDivButton'）.style.display=“block”；
}
欢迎

或者使用一个框架，比如Dojo（或者甚至jQuery，如果绝对没有帮助的话）

尝试以下方法：

<script type='text/javascript'>
    function showDiv() {
        if (document.getElementById('hiddenDiv').style.display == 'block') {
            document.getElementById('hiddenDiv').style.display = 'none';
        } else {
            document.getElementById('hiddenDiv').style.display = 'block';
        }
    }
</script>
<div id="hiddenDiv"  style="display:none;" class="answer_list" >
    WELCOME
</div>
<input type="button" name="answer" value="Show Div" onclick="showDiv()" />

函数showDiv（）{
if（document.getElementById（'hiddenDiv'）.style.display=='block'）{
document.getElementById（'hiddenDiv'）.style.display='none'；
}否则{
document.getElementById（'hiddenDiv'）.style.display='block'；
}
}
欢迎

一个功能完成所有功能。话虽如此，jQuery确实不错。

试试这个：

<script type='text/javascript'>
    function showDiv() {
        if (document.getElementById('hiddenDiv').style.display == 'block') {
            document.getElementById('hiddenDiv').style.display = 'none';
        } else {
            document.getElementById('hiddenDiv').style.display = 'block';
        }
    }
</script>
<div id="hiddenDiv"  style="display:none;" class="answer_list" >
    WELCOME
</div>
<input type="button" name="answer" value="Show Div" onclick="showDiv()" />

函数showDiv（）{
if（document.getElementById（'hiddenDiv'）.style.display=='block'）{
document.getElementById（'hiddenDiv'）.style.display='none'；
}否则{
document.getElementById（'hiddenDiv'）.style.display='block'；
}
}
欢迎

---

一个功能完成所有功能。话虽如此，jQuery确实不错。

示例Javascript+Html：

<script language="javascript"> 
function toggle() {
    var ele = document.getElementById("toggleText");
    var text = document.getElementById("displayText");
    if(ele.style.display == "block") {
        ele.style.display = "none";
        text.innerHTML = "show";
    } else {
        ele.style.display = "block";
        text.innerHTML = "hide";
    }
} 
</script>

<a id="displayText" href="javascript:toggle();">show</a> <== click Here
<div id="toggleText" style="display: none"><h1>peek-a-boo</h1></div>

函数切换（）{
var ele=document.getElementById（“toggleText”）；
var text=document.getElementById（“displayText”）；
如果（ele.style.display==“块”）{
ele.style.display=“无”；
text.innerHTML=“显示”；
}否则{
ele.style.display=“块”；
text.innerHTML=“隐藏”；
}
} 
Javascript+Html示例：

<script language="javascript"> 
function toggle() {
    var ele = document.getElementById("toggleText");
    var text = document.getElementById("displayText");
    if(ele.style.display == "block") {
        ele.style.display = "none";
        text.innerHTML = "show";
    } else {
        ele.style.display = "block";
        text.innerHTML = "hide";
    }
} 
</script>

<a id="displayText" href="javascript:toggle();">show</a> <== click Here
<div id="toggleText" style="display: none"><h1>peek-a-boo</h1></div>


函数切换（）{
var ele=document.getElementById（“toggleText”）；
var text=document.getElementById（“displayText”）；
如果（ele.style.display==“块”）{
ele.style.display=“无”；
text.innerHTML=“显示”；
}否则{
ele.style.display=“块”；
text.innerHTML=“隐藏”；
}
} 

函数showadve（）{
if（document.getElementById（'hiddenadve'）.style.display=='none'）{
document.getElementById（'hiddenadve'）.style.display='block'；
}否则{
document.getElementById（'hiddenadve'）.style.display='none'；
}
}
欢迎
`

它是我的

函数showadve（）{
if（document.getElementById（'hiddenadve'）.style.display=='none'）{
document.getElementById（'hiddenadve'）.style.display='block'；
}否则{
document.getElementById（'hiddenadve'）.style.display='none'；
}
}
欢迎
`

这是我的
看看如何使用jquery。实现jQuery只是为了隐藏/显示一个div，就像把F18带到商店里一样。你的
hideDiv
函数在哪里？我还没有做任何hideDiv@codinbizLook来使用jQuery。实现jQuery只是为了隐藏/显示一个div就像把F18带到商店里一样。你的
hideDiv
功能在哪里？我还没有做任何hideDiv@codinbizOk，我们来看看：show/hide按钮工作得很好，但只适用于第一个结果，在其他结果上，如果我点击按钮显示/隐藏附加信息，它显示/隐藏第一个结果。我相信使用JQuery会更容易，稍后我将尝试Jirilmon George代码来检查它是否有效。我想我找到了问题。由于所有结果都显示在同一页面中，因此所有div都具有相同的名称（hiddenDiv）。数据库中的每一组数据都有一个ID，我将用这个ID命名div，如何用JScript ElementID进行命名？将ID传递到函数
showDiv（）
。之后，
函数showDiv（）{
应该是
函数showDiv（id）{
。然后，每个
document.getElementById（'hiddenDiv'）.style.display应该是
document.getElementById（'hiddenDiv'）+id）.style.display
好的，我们开始吧：显示/隐藏按钮工作正常，但仅适用于第一个结果，在其他结果上，如果我单击按钮显示/隐藏附加信息，它将显示/隐藏第一个结果信息我相信使用JQuery会更容易，稍后我将尝试Jirilmon George代码来检查它是否工作。我想我发现了问题。由于所有结果都显示在同一个页面中，所有div都有相同的名称（hiddenDiv）。我数据库中的每一组数据都有一个ID，我将用这个ID命名div，我如何用JScript ElementID进行命名？将ID传递到函数
showDiv（）
。然后，
函数showDiv（）{
应该是
函数showDiv（ID）{
。然后，每个
document.getElementById（'hiddenDiv'）.style.display
应该是
document.getElementById（'hiddenDiv'+id.）.style.display
<script language="javascript"> 
function toggle() {
    var ele = document.getElementById("toggleText");
    var text = document.getElementById("displayText");
    if(ele.style.display == "block") {
        ele.style.display = "none";
        text.innerHTML = "show";
    } else {
        ele.style.display = "block";
        text.innerHTML = "hide";
    }
} 
</script>

<a id="displayText" href="javascript:toggle();">show</a> <== click Here
<div id="toggleText" style="display: none"><h1>peek-a-boo</h1></div>

<script type='text/javascript'>
function showadve() {
    if (document.getElementById('hiddenadve').style.display == 'none') {
        document.getElementById('hiddenadve').style.display = 'block';
    } else {
        document.getElementById('hiddenadve').style.display = 'none';
    }
}
</script>
<div id="hiddenadve" class="answer_list" >
    WELCOME
</div>
<input type="button" name="answer" value="Show Div" onclick="showadve()" />
<a href="#" onclick="showadve()">all close</a>`