使用来自的顶部答案来创建一个导航栏,当您单击徽标图像时,导航条就会出现,而当您单击不在徽标图像上的某个位置时,导航栏就会消失。它只起了部分作用。这里有两个主要问题:
默认情况下,导航栏在加载页面时显示。我希望默认情况下隐藏它。当我单击div外部时,导航条消失,但不会再次出现。
HTML:
<img src="logo2.jpg" id="showdivblock" /> <!-- this is the logo that should toggle the nav bar -->
<div class="sidenav
所以,我使用ui-router和一个index.html作为我的布局,在它们里面我有这个div,它将附加其他页面,例如:
我有这个超文本标记语言,这是我的layout.html:
<html ng-app="myApp">
<head>
<title> My layout.html </title>
</head>
<body>
<nav>
I have this NAVBAR
</nav>
<div ui-view></div>