Javascript jquery-关闭后显示元素

Javascript jquery-关闭后显示元素,javascript,jquery,html,menu,navigation,Javascript,Jquery,Html,Menu,Navigation,目前,我有一个全屏菜单功能正在进行。单击菜单按钮时,我希望我的.titlediv消失。这是有效的。但是当我关闭菜单时,.titlediv仍然不存在。我希望退出全屏菜单时div重新出现 JavaScript $(".navvy").click(function(){ $(".title").hide(); }); HTML <header> <div class="navvy"> <input type="checkbox" id="toggle"/&g

目前,我有一个全屏菜单功能正在进行。单击菜单按钮时,我希望我的
.title
div消失。这是有效的。但是当我关闭菜单时,
.title
div仍然不存在。我希望退出全屏菜单时div重新出现

JavaScript

$(".navvy").click(function(){
    $(".title").hide();
});
HTML

<header>
<div class="navvy">
  <input type="checkbox" id="toggle"/>
  <label for="toggle" id="toggle-btn"></label>
  <div class="nav-icon"></div>
  <nav data-state="close">
    <ul>
      <li><a href="#">Home</a></li>
      <li><a href="#">Our Team</a></li>
      <li><a href="#">Careers</a></li>
      <li><a href="#">Contact</a></li>
    </ul>
  </nav>
</header></div>

<div class="title">
<center><img src=http://i60.tinypic.com/wj73mg.png></center>
TITLE
</div>

标题
使用

$(“.navvy”)。单击(函数(){
$(“.title”).toggle();
});

标题
您可以尝试在
div.navvy
元素上使用
.mouseout()
,并传递
.mouseout(f)
一个匿名函数,该函数将
.show()
div.title

要在上使用的浏览器js控制台示例


你试过什么了吗?这就行了
$("#question-header").click( function (e) {
    e.preventDefault();
    $("#mainbar").hide();
} )
.mouseout( function () { $("#mainbar").show(); } );