Php 当单击特定链接时，在该位置显示div，否则在jquery中隐藏其他链接_Php_Javascript_Jquery

Php 当单击特定链接时，在该位置显示div，否则在jquery中隐藏其他链接

php javascript jquery

Php 当单击特定链接时，在该位置显示div，否则在jquery中隐藏其他链接,php,javascript,jquery,Php,Javascript,Jquery,在本页中，我列出了表格，每个tr有两个链接：- 1）成人和儿童单击特定链接（成人或儿童）时，显示该位置的div，并隐藏所有其他位置的div。如果单击“下一个”或任何其他链接，则隐藏上一个链接div 我想在单击特定链接时显示隐藏的div（正如我在div中给出的隐藏属性） ------------以下是HTML：------------ 添加/包括jquery-1.9.0.min.js文件创建一个div以显示： <div id="details_link" style="">

在本页中，我列出了表格，每个tr有两个链接：- 1）成人和儿童单击特定链接（成人或儿童）时，显示该位置的div，并隐藏所有其他位置的div。如果单击“下一个”或任何其他链接，则隐藏上一个链接div

我想在单击特定链接时显示隐藏的div（正如我在div中给出的隐藏属性） ------------以下是HTML：------------

添加/包括jquery-1.9.0.min.js文件

创建一个

div

以显示：

<div id="details_link" style="">
  <a href="javascript:void(0);" onclick="javascript:$('#details_div').show();  $('#details_link').hide();">Show Link </a>
</div>

创建另一个要隐藏的div：

<div id="details_div" style="display:none;">Test show and hide div
  <a href="javascript:void(0);" onclick="javascript:$('#details_div').hide();  $('#details_link').show();">Hide Link </a>
</div>

测试显示和隐藏div

使用不同浏览器时避免错误的一些提示：

不要在
```
href
```
属性中编写Javascript代码，始终将其放在
```
onclick
```
中
要隐藏
```
div
```
，请以其样式写入
```
display:none
```
或
```
block
```
不要使用
```
visibility=hidden
```

，最好使用最新版本的jQuery，因为它们可以提高性能和权重。我仍然喜欢

live

而不是

上的：（使用.css（'visibility'，'show'）
或.css（'visibility'，'hide'）.css（'visibility'，'show'）或.css（'visibility'，'hide'））不工作…谢谢你的回答@sayali，但问题是只有一个td div工作，其他的都不工作。欢迎使用Stack Overflow，@sayali！我编辑了你的评论，以使其更可读并格式化代码。你可以使用文本编辑器顶部的按钮来执行此操作。提供的代码很有用，但并非所有div都是sepa在我的代码要求中显示或隐藏速率…因为我在每个td的不同div中有多个链接。请尝试使用类而不是id来显示多个div。
<div id="details_link" style="">
  <a href="javascript:void(0);" onclick="javascript:$('#details_div').show();  $('#details_link').hide();">Show Link </a>
</div>

<div id="details_div" style="display:none;">Test show and hide div
  <a href="javascript:void(0);" onclick="javascript:$('#details_div').hide();  $('#details_link').show();">Hide Link </a>
</div>