Javascript 显示隐藏div不工作

大家好，我有下面的html代码

<div id="orderlist">
    <div class="panel" id="1">
        <div class="p_header">Order No: 1
            <input class="ordview" type="button" value="View Details"/>
            <input class="select" type="button" value="Add"/>
        </div>
        <div class="p-content" style="display:none;">
            <table>
                <tr><td>Contact Person:</td><td></td></tr>
                <tr><td>Telephone:</td><td></td></tr>
                <tr><td>E-Mail:</td><td></td></tr>
                <tr><td>Address:</td><td></td></tr>
                <tr><td></td><td></td></tr>
                <tr><td>Code</td><td></td></tr>
                <tr><td>City</td><td></td></tr>
            </table>
        </div>
    </div>
</div>

.closest（）

进入DOM，并且

p.content

不是祖先，但

div.panel

是。使用：

$("body").on('click', ".ordview", function () {
    $(this).closest('div.panel').find('div.p-content').toggle();
});

.closest（）。使用：

$("body").on('click', ".ordview", function () {
    $(this).closest('div.panel').find('div.p-content').toggle();
});

.closest（）。使用：

$("body").on('click', ".ordview", function () {
    $(this).closest('div.panel').find('div.p-content').toggle();
});

.closest（）。使用：

$("body").on('click', ".ordview", function () {
    $(this).closest('div.panel').find('div.p-content').toggle();
});

尝试使用此代码显示/隐藏详细信息

  $(".ordview").bind('click', function () {
      $(this).parent().next().toggle();
  });  

尝试使用此代码显示/隐藏详细信息

  $(".ordview").bind('click', function () {
      $(this).parent().next().toggle();
  });  

尝试使用此代码显示/隐藏详细信息

  $(".ordview").bind('click', function () {
      $(this).parent().next().toggle();
  });  

尝试使用此代码显示/隐藏详细信息

  $(".ordview").bind('click', function () {
      $(this).parent().next().toggle();
  });  

我个人会使用toggle（）命令。下面的函数工作，可以检查

我个人会使用toggle（）命令。下面的函数工作，可以检查

我个人会使用toggle（）命令。下面的函数工作，可以检查

我个人会使用toggle（）命令。下面的函数工作，可以检查

为了让未来的读者受益，您应该更好地定义哪些不起作用。另外，重新表述标题以更好地反映你的问题。为了未来读者的利益，你应该更好地定义什么不起作用。另外，重新表述标题以更好地反映你的问题。为了未来读者的利益，你应该更好地定义什么不起作用。另外，重新表述标题以更好地反映你的问题。为了未来读者的利益，你应该更好地定义什么不起作用。也，重新表述标题以更好地反映您的问题。如果有多个
.ordview
或
.p-content
？如果有多个p-content，请尝试此操作我使用parant编辑了我的代码，如果我帮助切换了p-content div，请标记此项；如果有多个
.ordview
或
.p-content
？如果有是否有多个p-content尝试此操作我使用parant和NEXTP编辑了我的代码如果我帮助切换p-content divAnd如果有多个
.ordview
或
.p-content
？如果有多个p-content尝试此操作我使用parant和NEXTP编辑了我的代码如果我帮助切换p-content divAnd如果有不止一个
.ordview
或
.p-content
？如果有不止一个p-content，请尝试此操作我用parant和Nextp编辑了我的代码请标记此操作如果我帮助切换p-content divperfect没有意识到最接近dom，只需更改切换代码即可实现我想要的操作。谢谢baxri，你所说的正是我在找到正确的选择器后所计划的；）此代码无法切换div为什么标记为正确？@baxri-如果OP需要切换而不是只显示，他只需要将.show（）替换为.toggle（）。perfect没有意识到最近一次在dom上移动，只需要更改为切换，让我的代码执行我想要的操作。谢谢baxri，你所说的正是我在找到正确的选择器后所计划的；）此代码无法切换div为什么标记为正确？@baxri-如果OP需要切换而不是只显示，他只需要将.show（）替换为.toggle（）。perfect没有意识到最近一次在dom上移动，只需要更改为切换，让我的代码执行我想要的操作。谢谢baxri，你所说的正是我在找到正确的选择器后所计划的；）此代码无法切换div为什么标记为正确？@baxri-如果OP需要切换而不是只显示，他只需要将.show（）替换为.toggle（）。perfect没有意识到最近一次在dom上移动，只需要更改为切换，让我的代码执行我想要的操作。谢谢baxri，你所说的正是我在找到正确的选择器后所计划的；）此代码无法切换div为什么标记为正确？@baxri-如果OP需要切换而不是只显示，他只需要将.show（）替换为.toggle（）。