javascript - 单击时切换功能

Question

我正在开发单击时切换菜单的功能，但无法使其工作，因为它已被 jQuery 1.9 弃用。

我不知道如何设法工作。

我想单击菜单 img 一次并展开菜单，下次这样做时它将再次隐藏。

这是我的代码:

$(document).ready(function(){
$('.menu img').click(function(){
    var wWidth = $(window).width();
    var wHeight = $(window).height()
    $('.menu').animate({width: wWidth + 'px', height: wHeight + 'px'}, 500);
    $('.menu').toggleClass('menu_expanded');
});

提前致谢。

这是请求的 JSfiddle:http://jsfiddle.net/czef8ofb/

Answer 1

您可以尝试以下代码 - .hasClass() 检查您的导航元素是否已分配 .menu_expanded 类并相应地显示/隐藏菜单。

$(document).ready(function(){
    $('.menu img').click(function(){
        var wWidth = $(window).width();
        var wHeight = $(window).height()
        if(!$('.menu').hasClass('menu_expanded')){
            $('.menu').animate({width: wWidth + 'px', height: wHeight + 'px'}, 500);
        }else{
            //code to hide menu again
        }
        $('.menu').toggleClass('menu_expanded');
    });
});