Question

我试图编辑一个网页，其中包含几个不同的菜单，其中包括从上到下的众多表格。为了组织这个混乱，我计划在点击某个项目时隐藏表格并找到：How to hide html div。，它本身很好用。但是，在单击不同的菜单并返回到表格后，我无法在不刷新页面的情况下隐藏表格。

＆＃13;

$(function() {

  $('#show_whatever').click(function(event) {
    event.preventDefault();
    $('div#disapp').toggle();
  });
});

＆＃13;

.hidden {
  display: none;
}
#table-wrapper {
  position: relative;
}
#table-scroll {
  height: 600px;
  width: 1070px;
  overflow: scroll;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<header>
  <nav>
    <ul>
      <li>

        <a href="#" class="navigation" id="show_whatever">ODM HMC'den Alınan Profil Bilgileri </a>

      </li>
    </ul>
  </nav>
</header>

<div id="disapp" class="hidden">

  <table>
    <tr>
      <td style="border:none;">


        <div id="table-wrapper">
          <div id="table-scroll">

            <table>........</table>

          </div>
        </div>

        <table>........</table>

  </table>
</div>

＆＃13;

由于表包含一些不相关的sql查询，我没有添加到代码中。那么，可能是什么问题呢？

没有刷新页面，显示或隐藏表不起作用

0 个答案: