javascript - 我的 Jquery 单击按钮不起作用

标签 javascript jquery html css

祝你一切顺利

我正在尝试做这样的事情,

首先,它会显示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/

相关文章:

javascript - 如何显示分数计数,显示随机生成的次数?

javascript - Handlebars.js 条件语句 {{#if expression}} ... {{else}} ... {{/iif}} 错误

javascript - 如何我的切换按钮更改颜色只有我的折叠在我的 bootstrap 3 导航栏中打开

javascript - HTML5 Audio,获取钢琴音色

html - 如何修复 css 关键帧动画的闪烁

html - CSS 布局难题

javascript - 将通用组件或组件作为属性进行 react

javascript - 如何在 gridster 中的拖动停止事件中获取新的 col 和 row

javascript - jQuery 数据表编辑器未初始化

javascript - 在 Javascript 中使用小数点