祝你一切顺利
我正在尝试做这样的事情,
首先,它会显示this
然后,点击这个“菜单”图片,它会显示类似this 的内容
因此,我使用 <div>
制作了一些容器这里:
<body>
//this is my menu container..
<div class="menu_pos_jquery">
<a class="btn1" href="#"><img src="logo/menu_logo.png" style="height: 70px; margin-left: 850px; margin-top: 15px;" onmousedown="return false;" alt="Menu" /></a>
</div>
//here is my another container which i would like to open using Jquery after click menu container..
<div class="menu_pos_jquery2">
</div>
</body>
所以我确实尝试过使用这段代码:
<script>
$(document).ready(function(){
$(".btn1").click(function(){
$(".menu_pos_jquery2").fadeIn();
});
});
$(document).ready(function(){
$(".btn1").click(function(){
$(".menu_pos_jquery2").fadeOut;
});
});
</script>
但它不起作用,当我运行这个程序时,它显示了整页,就像我给你提供的第二张图片一样。我只想显示第一个菜单,点击菜单后它必须假设显示我的另一个容器,怎么做?请帮助.. 对不起我的英语不好! .. 希望你明白我的问题。
最佳答案
您应该将代码更改为:
$(document).ready(function(){
$(".menu_pos_jquery2").fadeOut();
$(".btn1").click(function(){
$(".menu_pos_jquery2").fadeToggle("slow");
});
});
关于javascript - 我的 Jquery 单击按钮不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24978395/