我创建了一个隐藏在.click()函数中的侧栏,其目标图像的ID为“cross”。如何使用侧边栏隐藏加载我的页面
我的目标是让页面加载没有边栏(.sidebar_menu)可见,并且我的菜单汉堡包(.bars)可见。我该怎么做呢?
HTML:
<img class="bars toggle_menu" src="http://res.cloudinary.com/dnooxiorz/image/upload/v1502388038/thinbarsfinal_knx5mw.png">
<div class="sidebar_menu">
<img id="cross" src="http://res.cloudinary.com/dnooxiorz/image/upload/v1502391349/cross_tcn6yk.png">
<center>
<a href="index.html"><h1 class="boxed_item">HELLO</h1></a>
</center>
<ul class="navigation_selection">
<a href="#"><li class="navigation_item">Projects</li></a>
<li class="navigation_item">About</li>
<li class="navigation_item">Resume</li>
</ul>
</div>
使用Javascript:
$(document).ready(function(){
$("#cross").click(function(){
$(".sidebar_menu").addClass("hide_menu");
$(".toggle_menu").addClass("opacity_one");
});
$(".toggle_menu").click(function(){
$(".sidebar_menu").removeClass("hide_menu");
$(".toggle_menu").removeClass("opacity_one");
});
});
最佳, 约翰