Question

隐藏DIV点击其他DIV，但显示隐藏的DIV单击BODY的任何位置。请帮帮我。代码如下： --html -

<body>
    <ul class="nav navbar-nav hidden-sm hidden-xs col-md-5">
        <!--Hiding Down Icons-->
        <li title="Home">
            <a href="http://localhost/new/example/home.php"><i class="fa fa-home" style="font-size:17px"></i>&nbsp;<span class="badge feeds" style="margin-left:-5px;margin-top:-1px; position: absolute; z-index: 9999;"><div id="a1">
  ⚹</div></span><span class="sr-only"></span></a>
        </li>
        <li class="dropdown" title="Profile">
            <a id="active_hide_show" href="http://localhost/new/example/profile.php" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-user" style="font-size:17px"></i>&nbsp;<!--span class="caret"></span--></a>
            <ul class="dropdown-menu" role="menu" style="border-radius: 0px 0px 4px 4px;">
                <li><a href="http://localhost/new/example/profile.php">Profile</a></li>
                <li><a href="">Job</a></li>
                <li><a href="">CV</a></li>
                <li class="divider"></li>
                <li><a href="#">Settings</a></li>
            </ul>
        </li>
        <li title="Buddy">
            <a href="http://localhost/new/example/buddies.php"><i class="fa fa-user-plus" style="font-size:17px"></i>&nbsp;<span class="badge buddy_requests" style="margin-left:-5px;margin-top:-1px; position: absolute; z-index: 9999;"><div id="a2">
  a2</div></span><span class="sr-only"></span></a>
            <span class="fa fa-caret-up text-center hidden-sm hidden-xs my_active"></span> </li>
    </ul>
</body>

- 的JavaScript -

<script type="text/javascript">
  $(document).ready(function(){
      $("#active_hide").click(function(){
        $(".fa-caret-up").hide();
      });
      $("body").click(function(){
        $(".fa-caret-up").show();
      });
  });
</script>

Answer 1

不要把你的隐藏＆＃34;按钮＆＃34;在你的show元素中，我的意思是不要直接在身体上显示：

<body>
  <div id="hide">Hide</div> // can't be in #container !
  <div id="container"> // your fake body
    <div id="divToHideAndShow"></div> // can be anywhere
  </div>
</body>

然后通过CSS让您的#container占据整个屏幕，例如width: 100vw; min-height: 100vh。因此，当您点击#hide时，它不会触发#container

随时提出任何问题！

隐藏DIV单击其他DIV，但显示隐藏的DIV单击身体的任何位置

1 个答案: